:root{--af-night:#080a18;--af-panel:#14162b;--af-panel-2:#1d203d;--af-ink:#f6f0dc;--af-muted:#aaa9c1;--af-gold:#e8c975;--af-violet:#8c76e8;--af-line:rgba(224,216,255,.18)}
.af-shell,.af-shell *,.af-shell *:before,.af-shell *:after{box-sizing:border-box}
.af-hidden{display:none!important}.af-shell{position:relative;width:100%;min-height:760px;overflow:hidden;border:1px solid #34355b;border-radius:18px;color:var(--af-ink);background:radial-gradient(circle at 12% -10%,rgba(101,92,206,.3),transparent 34%),radial-gradient(circle at 90% 8%,rgba(49,166,179,.2),transparent 31%),linear-gradient(160deg,#101225,#070815 65%);box-shadow:0 22px 60px rgba(3,4,14,.4);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif}.af-shell:before{position:absolute;inset:0;pointer-events:none;content:"";opacity:.28;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:43px 43px}.af-shell button,.af-shell select,.af-shell input{font:inherit}.af-topbar{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;min-height:78px;padding:10px 18px;border-bottom:1px solid rgba(231,207,132,.4);background:linear-gradient(90deg,rgba(17,19,42,.96),rgba(31,27,68,.93),rgba(12,24,39,.96));box-shadow:0 8px 30px rgba(0,0,0,.25)}.af-brand{display:flex;align-items:center;gap:11px}.af-brand>span{width:47px;height:47px;display:grid;place-items:center;border:1px solid #f0d888;border-radius:50%;color:#f4d77b;background:radial-gradient(circle,#5b4c92,#1a1937 67%);box-shadow:0 0 20px rgba(225,197,108,.25);font-size:1.45rem}.af-brand strong,.af-brand small{display:block}.af-brand strong{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.1rem;letter-spacing:.13em}.af-brand small{margin-top:2px;color:#aaa8c7;font-size:.6rem;letter-spacing:.2em}.af-tabs{display:flex;gap:5px;padding:4px;border:1px solid var(--af-line);border-radius:12px;background:rgba(0,0,0,.25)}.af-tabs button{min-height:40px;padding:8px 13px;border:0;border-radius:9px;color:#bebbd1;background:transparent;font-weight:800;cursor:pointer}.af-tabs button.is-active{color:#201a38;background:linear-gradient(135deg,#f2df9b,#c6ad5d);box-shadow:0 4px 12px rgba(0,0,0,.25)}.af-catalog-count{text-align:right}.af-catalog-count b,.af-catalog-count small{display:block}.af-catalog-count b{color:var(--af-gold);font:900 1.45rem/1 Georgia,serif}.af-catalog-count small{margin-top:4px;color:#9794ad;font-size:.55rem;letter-spacing:.12em}
.af-screen{position:relative;z-index:1}.af-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px 22px 14px}.af-section-head small{color:#8e8ab0;font-size:.62rem;letter-spacing:.2em}.af-section-head h2{margin:4px 0 0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(1.15rem,2vw,1.55rem);letter-spacing:.07em}.af-section-head p{max-width:510px;margin:0;color:var(--af-muted);font-size:.75rem;line-height:1.7}.af-faction-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:0 22px 16px}.af-faction-tabs button{position:relative;min-height:52px;overflow:hidden;border:1px solid color-mix(in srgb,var(--faction) 45%,#2b2d4f);border-radius:10px;color:#ddd9e8;background:linear-gradient(145deg,color-mix(in srgb,var(--faction) 18%,#17192e),#111327);cursor:pointer}.af-faction-tabs button:before{position:absolute;inset:auto -10px -24px auto;width:75px;height:75px;border-radius:50%;content:"";background:var(--faction);filter:blur(25px);opacity:.24}.af-faction-tabs button b,.af-faction-tabs button small{position:relative;display:block}.af-faction-tabs button small{margin-top:2px;opacity:.63;font-size:.55rem;letter-spacing:.14em}.af-faction-tabs button.is-active{border-color:var(--faction);box-shadow:inset 0 0 0 1px var(--faction),0 0 18px color-mix(in srgb,var(--faction) 28%,transparent);color:#fff}
.af-builder{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:16px;padding:0 22px 24px}.af-card-grid{display:grid;grid-template-columns:repeat(5,minmax(118px,1fr));gap:12px}.af-card{--faction:#8c76e8;position:relative;display:flex;flex-direction:column;min-width:0;aspect-ratio:.69;overflow:hidden;padding:0;border:1px solid color-mix(in srgb,var(--faction) 65%,#cec7aa);border-radius:12px;color:#fff;background:#17192c;box-shadow:0 8px 18px rgba(0,0,0,.34),inset 0 0 0 2px rgba(255,255,255,.06);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.af-card:hover:not(:disabled){z-index:2;transform:translateY(-5px) scale(1.025);box-shadow:0 14px 28px rgba(0,0,0,.5),0 0 18px color-mix(in srgb,var(--faction) 34%,transparent)}.af-card:disabled{cursor:not-allowed;filter:saturate(.5);opacity:.62}.af-card-art{position:absolute;inset:0 0 38%;background-repeat:no-repeat;background-size:400% 500%;filter:saturate(1.08) contrast(1.04)}.af-card-art:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 52%,#111326 98%),linear-gradient(90deg,rgba(0,0,0,.15),transparent 20%,transparent 80%,rgba(0,0,0,.18))}.af-card-cost{position:absolute;z-index:2;top:6px;left:6px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #d8f3ff;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 25%,#78e1ef,#2865c4 63%,#182758);box-shadow:0 2px 8px #000;font:900 1rem Georgia,serif}.af-card-copy{position:absolute;z-index:2;inset:auto 6px 6px;min-height:39%;padding:7px 6px 4px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:linear-gradient(150deg,color-mix(in srgb,var(--faction) 26%,#121324),rgba(14,15,30,.94))}.af-card-name{display:block;overflow:hidden;color:#fff6d8;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(.64rem,1vw,.78rem);text-align:center;white-space:nowrap;text-overflow:ellipsis}.af-card-type{display:block;margin:2px 0;color:color-mix(in srgb,var(--faction) 62%,#fff);font-size:.48rem;text-align:center;letter-spacing:.11em;text-transform:uppercase}.af-card-text{display:-webkit-box;overflow:hidden;margin:0;color:#d7d5e0;font-size:clamp(.47rem,.7vw,.58rem);line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.af-card-stats{position:absolute;z-index:3;right:6px;bottom:5px;left:6px;display:flex;justify-content:space-between;pointer-events:none}.af-card-stats b{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:#812f42;box-shadow:0 2px 6px #000;font:900 .85rem Georgia,serif}.af-card-stats b:last-child{background:#2c7554}.af-card-count{position:absolute;z-index:4;top:7px;right:7px;min-width:27px;padding:4px 6px;border:1px solid #f4dd8d;border-radius:12px;color:#251c30;background:#f1d572;font-size:.68rem;font-weight:900;text-align:center}.af-deck-sidebar{position:sticky;top:12px;align-self:start;display:flex;flex-direction:column;gap:11px;max-height:690px;padding:16px;border:1px solid rgba(220,201,129,.33);border-radius:15px;background:linear-gradient(155deg,rgba(32,33,65,.95),rgba(13,15,31,.96));box-shadow:0 12px 35px rgba(0,0,0,.35)}.af-deck-orb{width:92px;height:92px;display:grid;place-content:center;justify-self:center;align-self:center;border:2px solid var(--af-gold);border-radius:50%;text-align:center;background:radial-gradient(circle,#413a71,#17182e 70%);box-shadow:0 0 24px rgba(222,192,105,.18)}.af-deck-orb span{font:900 1.8rem/1 Georgia,serif}.af-deck-orb small{margin-top:5px;color:#bbb5cb;font-size:.52rem;letter-spacing:.1em}.af-deck-sidebar strong{font-family:"Yu Mincho",serif}.af-deck-sidebar p{margin:4px 0;color:var(--af-muted);font-size:.69rem;line-height:1.5}.af-deck-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.af-shell button.af-primary,.af-deck-actions button,.af-turn-actions button,.af-lobby button,.af-online-actions button{min-height:40px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#f7f1db;background:linear-gradient(135deg,#7558ca,#4d3c94);font-weight:800;cursor:pointer}.af-shell button.af-subtle{color:#c6c3d3;background:#262941}.af-deck-list{display:grid;gap:4px;min-height:80px;max-height:290px;overflow:auto;margin:0;padding:0;list-style:none}.af-deck-list li{display:grid;grid-template-columns:25px 1fr auto auto;align-items:center;gap:6px;min-height:30px;padding:4px 5px;border-left:3px solid var(--faction);border-radius:5px;background:rgba(255,255,255,.045);font-size:.67rem}.af-deck-list li i{font-style:normal;color:#87d6ea;font-weight:900}.af-deck-list li b{color:#f0d678}.af-deck-list li button{width:24px;height:24px;padding:0;border:0;border-radius:5px;color:#bbb6cc;background:#32344b;cursor:pointer}.af-deck-error{min-height:20px!important;color:#ef9c91!important}
.af-battle-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--af-line);background:rgba(9,10,24,.72)}.af-battle-toolbar>div{display:flex;align-items:center;gap:8px}.af-battle-toolbar select,.af-battle-toolbar button{min-height:37px;padding:7px 10px;border:1px solid #4c4f78;border-radius:8px;color:#eee9dc;background:#252843}.af-battle-toolbar button{cursor:pointer;font-weight:800}.af-battle-toolbar p{margin:0;color:#aaa7bc;font-size:.7rem}.af-battle{width:min(100%,980px);margin:0 auto;padding:13px 16px 18px}.af-opponent-row,.af-player-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.af-opponent-row{grid-template-columns:auto 1fr}.af-leader{position:relative;width:82px;height:82px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:center;gap:0 4px;overflow:hidden;padding:10px;border:2px solid #7dc7d8;border-radius:50%;color:#fff;background:radial-gradient(circle at 50% 35%,#355a78,#16223a 65%);box-shadow:0 0 24px rgba(100,196,211,.2);cursor:pointer}.af-leader:before{position:absolute;inset:5px;border:1px solid rgba(255,255,255,.18);border-radius:50%;content:""}.af-leader span{grid-column:1/-1;font-size:.54rem;letter-spacing:.15em}.af-leader b{font:900 1.55rem/1 Georgia,serif}.af-leader small{font-size:.52rem}.af-leader--enemy{border-color:#d97d92;background:radial-gradient(circle at 50% 35%,#71384f,#29182c 65%);box-shadow:0 0 24px rgba(213,91,124,.2)}.af-leader.is-target,.af-unit.is-target{animation:af-target 1s ease-in-out infinite;box-shadow:0 0 0 3px #f5d86f,0 0 26px #f0c855}.af-resource{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.af-resource span{padding:6px 9px;border:1px solid var(--af-line);border-radius:15px;color:#bbb8cc;background:rgba(24,26,52,.75);font-size:.65rem}.af-resource b{color:#f3e4a8}.af-board-row{min-height:154px;display:grid;grid-template-columns:repeat(5,minmax(82px,126px));justify-content:center;align-items:center;gap:9px;padding:8px;border:1px solid rgba(130,197,193,.17);border-radius:15px;background:linear-gradient(180deg,rgba(42,93,94,.12),rgba(16,18,38,.68))}.af-board-row--enemy{background:linear-gradient(180deg,rgba(110,46,71,.13),rgba(16,18,38,.68))}.af-unit{--faction:#8c76e8;position:relative;aspect-ratio:.72;overflow:hidden;padding:0;border:1px solid color-mix(in srgb,var(--faction) 70%,#ddd);border-radius:10px;color:#fff;background:#17182a;box-shadow:0 7px 17px rgba(0,0,0,.4);cursor:pointer}.af-unit .af-card-art{inset:0 0 29%}.af-unit .af-unit-name{position:absolute;z-index:2;right:4px;bottom:29px;left:4px;overflow:hidden;padding:3px;border-radius:5px;color:#fff1cf;background:rgba(13,14,27,.86);font:700 .58rem/1.2 "Yu Mincho",serif;text-align:center;white-space:nowrap;text-overflow:ellipsis}.af-unit .af-card-stats{bottom:4px}.af-unit.is-ready{box-shadow:0 0 0 2px #73d3d0,0 7px 17px #000}.af-unit.is-selected{transform:translateY(-8px);box-shadow:0 0 0 3px #f0ce66,0 12px 25px rgba(0,0,0,.5)}.af-keywords{position:absolute;z-index:3;top:4px;right:4px;display:flex;gap:2px}.af-keywords i{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#39345b;font-size:.48rem;font-style:normal}.af-relic-row{min-height:34px;display:flex;justify-content:center;gap:7px;padding:4px}.af-relic{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #b49ae3;border-radius:15px;background:#2c274b;font-size:.6rem}.af-relic b{color:#f0d577}.af-starline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:6px 0;color:#d7c27f;font-size:.62rem;letter-spacing:.14em}.af-starline span{height:1px;background:linear-gradient(90deg,transparent,#897ab0,transparent)}.af-turn-actions{display:flex;gap:6px}.af-turn-actions button:first-child{background:linear-gradient(135deg,#a16a36,#6d402a)}.af-turn-actions button.is-active{box-shadow:0 0 0 2px #f2d576,0 0 18px #eabf4f}.af-hand{min-height:190px;display:flex;align-items:end;justify-content:center;gap:7px;overflow-x:auto;padding:13px 5px 3px}.af-hand .af-card{flex:0 0 126px}.af-message{position:sticky;bottom:8px;z-index:5;width:min(90%,600px);margin:0 auto 8px;padding:10px 14px;border:1px solid rgba(235,208,116,.5);border-radius:10px;color:#f4e6b3;background:rgba(25,23,45,.95);box-shadow:0 9px 25px #000;font-size:.72rem;text-align:center}.af-battle-side{position:relative}.af-log{display:none}.af-result-card{padding:20px;text-align:center}.af-result-card b{color:#f0d474;font-size:1.25rem}
.af-online-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:12px;padding:14px}.af-lobby{align-self:start;padding:15px;border:1px solid var(--af-line);border-radius:14px;background:rgba(21,23,45,.93)}.af-lobby h2{margin:0 0 5px;font-family:"Yu Mincho",serif}.af-lobby>p{margin:0 0 14px;color:var(--af-muted);font-size:.69rem;line-height:1.55}.af-lobby form{display:grid;gap:7px}.af-lobby label{color:#bbb8cb;font-size:.67rem}.af-lobby input{width:100%;min-height:41px;margin-top:4px;padding:8px 10px;border:1px solid #555878;border-radius:8px;color:#fff;background:#101224}.af-lobby .af-subtle{width:100%;margin-top:8px}.af-room-list{display:grid;gap:6px;max-height:410px;overflow:auto;margin-top:10px}.af-room{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:8px;border:1px solid #3e4268;border-radius:8px;background:#191c36}.af-room strong,.af-room small{display:block}.af-room strong{font-size:.72rem}.af-room small{margin-top:3px;color:#9997ac;font-size:.57rem}.af-room button{min-height:32px;padding:5px 8px}.af-room-empty{padding:22px 4px;color:#9996aa;font-size:.67rem;line-height:1.6;text-align:center}.af-online-main{min-width:0}.af-waiting{min-height:590px;display:grid;place-content:center;justify-items:center;padding:20px;text-align:center}.af-waiting>span{width:82px;height:82px;display:grid;place-items:center;border:1px solid #d9bd6b;border-radius:50%;color:#edcf71;background:radial-gradient(circle,#4c417e,#17182e 68%);box-shadow:0 0 30px rgba(214,181,90,.18);font-size:2rem}.af-waiting h2{margin:16px 0 5px;font-family:"Yu Mincho",serif}.af-waiting p{color:var(--af-muted);font-size:.72rem}.af-waiting #afPlayers{display:grid;gap:6px;width:min(100%,430px);margin:10px 0}.af-player-entry{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #48496a;border-radius:8px;background:#1d1f3a;font-size:.68rem}.af-online-actions{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:8px}.af-online-actions p{flex:1;margin:0;color:#d9c77f;font-size:.68rem}.af-toast{position:fixed;z-index:2000;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(90vw,560px);padding:11px 16px;border:1px solid #e2ba7d;border-radius:9px;color:#fff;background:#8f3e53;box-shadow:0 10px 30px #000;font-size:.72rem;font-weight:800}
.af-deck-list li button{width:36px;height:36px;border-radius:7px;color:#ddd8e8;font-size:1rem}
@keyframes af-target{50%{filter:brightness(1.2);transform:translateY(-3px)}}
@media(max-width:1050px){.af-card-grid{grid-template-columns:repeat(4,minmax(110px,1fr))}.af-builder{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:800px){.af-shell{min-height:100svh;border-radius:0}.af-topbar{grid-template-columns:1fr auto;padding:8px}.af-catalog-count{display:none}.af-brand>span{width:38px;height:38px}.af-brand small{display:none}.af-tabs{grid-column:1/-1;width:100%}.af-tabs button{flex:1;padding:6px;font-size:.68rem}.af-section-head{display:block;padding:15px 10px 9px}.af-section-head p{margin-top:6px}.af-faction-tabs{grid-template-columns:repeat(3,1fr);padding:0 10px 10px}.af-builder{grid-template-columns:1fr;padding:0 8px 16px}.af-card-grid{grid-template-columns:repeat(3,minmax(92px,1fr));gap:7px}.af-deck-sidebar{position:static;max-height:none}.af-deck-list{max-height:220px}.af-battle-toolbar{align-items:flex-start;flex-direction:column;padding:8px}.af-battle{padding:7px 5px 10px}.af-board-row{min-height:112px;grid-template-columns:repeat(5,minmax(58px,90px));gap:4px;padding:5px}.af-unit .af-unit-name{display:none}.af-unit .af-card-stats b{width:23px;height:23px;font-size:.7rem}.af-keywords i{width:17px;height:17px}.af-leader{width:68px;height:68px}.af-resource span{padding:4px 6px}.af-player-row{grid-template-columns:auto 1fr}.af-turn-actions{grid-column:1/-1;justify-content:flex-end}.af-hand{justify-content:flex-start;min-height:158px}.af-hand .af-card{flex-basis:102px}.af-online-grid{grid-template-columns:1fr;padding:7px}.af-lobby{order:2}.af-waiting{min-height:360px}.af-online-actions{flex-wrap:wrap}.af-online-actions p{flex-basis:100%;text-align:center}}
@media(max-width:450px){.af-card-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}.af-faction-tabs button{font-size:.68rem}.af-opponent-row,.af-player-row{gap:5px}.af-resource{gap:3px}.af-resource span{font-size:.55rem}.af-board-row{min-height:88px}.af-card-text{display:none}}
@media(prefers-reduced-motion:reduce){.af-card,.af-unit{transition:none}.af-leader.is-target,.af-unit.is-target{animation:none}}