.game-body{background:#0b1117}.arena-header{max-width:1480px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:21px 35px;border-bottom:1px solid var(--line);gap:20px}.arena-header nav{display:flex;align-items:center;gap:24px}.arena-header nav>a{font-size:11px;text-decoration:none;color:var(--muted)}.arena-header .brand{font-size:14px}.arena-header .brand small{font-size:8px}.arena-header .brand-mark{font-size:36px}.arena-main{max-width:1480px;padding:17px 35px 35px;margin:auto}.game-message{min-height:21px;margin:0 0 16px;font-size:12px;color:var(--mint)}.game-message.error{color:#efadab}.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 0 42px}.lobby-heading h1{font-size:53px}.lobby-description{color:var(--muted);font-size:13px;line-height:1.8}.lobby-rule-pills{display:flex;gap:10px;flex-wrap:wrap;max-width:240px}.lobby-rule-pills span,.deck-tags span{font-size:10px;color:var(--mint);padding:7px 11px;background:#b7dfcb09;border:1px solid #b7dfcb28;border-radius:6px}.deck-choices{display:grid;grid-template-columns:1fr 1fr;gap:25px}.deck-choice{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:30px;gap:18px}.discovery-choice{background:radial-gradient(ellipse at 100% 0%,#37564855,transparent 80%),var(--surface);border-color:#4b685b}.deck-symbol{width:60px;height:60px;display:grid;place-items:center;border:1px solid #b7dfcb40;border-radius:15px;color:var(--mint);font:40px var(--serif)}.deck-choice h2{font:31px/1.15 var(--serif);margin:0 0 16px}.deck-choice p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:420px}.deck-choice .eyebrow{font-size:9px}.deck-choice>.button,.custom-actions{margin-top:auto}.deck-tags{display:flex;gap:8px;margin:20px 0 6px}.deck-tags span{padding:4px 9px;font-size:9px}.custom-actions{display:flex;flex-wrap:wrap;gap:10px}.custom-actions .button{font-size:11px}.lobby-note{font-size:11px;color:var(--muted);margin:23px 0;max-width:780px;line-height:1.9}.resume-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 25px;background:#b7dfcb0a;border:1px solid #b7dfcb45;border-radius:12px;margin-bottom:24px}.resume-panel strong{color:var(--mint);font-weight:500}.resume-panel p{margin:5px 0 0;color:var(--muted);font-size:11px}.arena-guest{padding:80px 20px;text-align:center;max-width:700px;margin:auto}.arena-guest h1{font-size:50px}.arena-guest>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:30px}.arena-guest .twitch-button{width:auto;min-width:250px}
.battle{border:1px solid #344743;border-radius:18px;background:#101a20;overflow:hidden;box-shadow:0 20px 80px #0004}.battle-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 25px;border-bottom:1px solid #b7dfcb20;background:#101b23;font-size:10px;color:var(--muted)}.turn-label{color:var(--mint);font-weight:600;letter-spacing:1px;text-transform:uppercase}.plain-game-button{background:transparent;border:0;color:var(--muted);font-size:11px;padding:8px;cursor:pointer}.plain-game-button:hover{color:var(--mint)}.battle-surface{padding:19px 28px 20px;background:radial-gradient(ellipse at 50% 45%,#29444077,transparent 70%),linear-gradient(145deg,#17272d,#16262a 60%,#1f2d30);box-shadow:inset 0 0 70px #050e1880}.hero-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero{position:relative;display:flex;align-items:center;gap:11px;padding:10px 15px;border:1px solid #577477;border-radius:12px;background:#111e25;min-width:240px;text-align:left;box-shadow:0 5px 18px #0003}.hero-symbol{font-size:30px;color:#a5cbd2;width:36px;text-align:center}.hero-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.hero-copy strong{font-size:13px;font-weight:650;max-width:155px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.hero-copy small{font-size:8px;color:var(--muted)}.hero-hp{font:25px var(--serif);color:#edb0a7;margin-left:auto;padding-left:10px}.hero-armor{font-size:10px;color:#bcd0dd;padding:3px 6px;border:1px solid #617585;border-radius:5px}.enemy-hero{border-color:#746268}.enemy-hero .hero-symbol{color:#d4afb7}.player-hero{border-color:#7b9a84}.player-hero .hero-symbol{color:var(--mint)}.resource-label{font-size:9px;color:#afbdc5;display:block}.opponent-resources{display:flex;align-items:center;gap:18px}.enemy-hand{display:flex;gap:3px;min-height:29px;align-items:center}.card-back{width:19px;height:28px;background:linear-gradient(145deg,#334b56,#20313b);border:1px solid #607a83;border-radius:3px;display:grid;place-items:center;color:#8cb1b6;font-size:14px}.unit-row{display:flex;align-items:center;justify-content:center;gap:12px;min-height:173px;padding:16px 2px}.board-empty{font-size:10px;color:#90a9a478;letter-spacing:.6px;text-align:center;margin:0}.unit{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:118px;min-width:0;height:139px;padding:10px 7px 7px;border:1px solid #687c80;border-radius:13px;background:linear-gradient(155deg,#304c50,#17292f);color:var(--ink);box-shadow:0 7px 14px #0004;transition:transform .18s,border-color .18s,box-shadow .18s;isolation:isolate}.unit img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:-1;border-radius:12px}.unit-sigil{font:30px var(--serif);color:#afc9c9;line-height:1.2}.unit-name{font:14px/1.1 var(--serif);text-align:center;max-width:100%;text-wrap:balance}.unit-stats{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:7px;font-size:15px;font-weight:700}.attack-stat{color:var(--gold)}.health-stat{color:#edb0a7}.unit-state{font-size:7px;letter-spacing:.3px;color:#bed0d1;line-height:1.2}.unit.ready{border-color:#a6d6b9;box-shadow:0 0 0 2px #b7dfcb15,0 0 16px #b7dfcb16;cursor:pointer}.unit.ready:hover{transform:translateY(-4px);box-shadow:0 0 22px #b7dfcb28}.unit.guard{border-radius:13px 13px 25px 25px;border-width:2px;border-color:#ad9c68}.unit.frozen{border-color:#9bddf2;background:linear-gradient(155deg,#456b7b,#213f52)}.unit.exhausted:not(.frozen){filter:saturate(.6)}.unit.selected,.hand-card.selected{outline:2px solid var(--gold);outline-offset:3px;transform:translateY(-5px)}.valid-target{outline:2px solid #edc574;outline-offset:3px;cursor:crosshair}.valid-target:hover{box-shadow:0 0 25px #edc57455}.battle-divider{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;height:38px}.divider-line{height:1px;background:linear-gradient(90deg,transparent,#93b49e4d,transparent);flex:1}.divider-rune{color:#a6baaa66;font-size:25px}.end-turn-button{position:absolute;right:0;top:-5px;background:linear-gradient(135deg,#dfc78d,#baa069);border:1px solid #efdaab;border-radius:7px;color:#2c281c;padding:11px 22px;font-size:11px;font-weight:750;box-shadow:0 4px 12px #0004;min-height:43px}.end-turn-button:hover{background:#efdbad}.end-turn-button:disabled{opacity:.45;cursor:default}.hero-power{display:flex;align-items:center;gap:12px;border:1px solid #617590;background:#1d2b3b;color:var(--ink);border-radius:11px;padding:10px 15px;text-align:left}.hero-power>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.hero-power strong{font-size:10px}.hero-power small{font-size:8px;color:#b4c0ce}.hero-power>span:last-child{font-size:22px;color:#b4c7e8}.power-cost,.mana-cost{display:grid;place-items:center;color:#e9f7ff;background:#2b5873;border:1px solid #75b9d3;box-shadow:0 2px 5px #0004;font-weight:700}.power-cost{width:27px;height:30px;border-radius:7px;font-size:15px}.hero-power:disabled{opacity:.4;cursor:default}.hero-power.selected{outline:2px solid var(--gold)}.player-resources{text-align:right}.mana-crystals{display:flex;justify-content:flex-end;gap:5px;margin-bottom:7px}.mana-crystal{width:10px;height:13px;background:#356d87;transform:skewY(-15deg);border:1px solid #83bfd3;border-radius:2px}.mana-crystal.spent{background:#263844;border-color:#49616f}.player-resources>.resource-label+.resource-label{margin-top:4px}.hand-section{padding:16px 22px 20px;background:linear-gradient(180deg,#101c24,#0d1720)}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;font-size:8px;letter-spacing:1px;color:var(--muted)}.hand-heading strong{color:var(--mint);margin-left:5px}.hand-heading>span:nth-child(2){font-size:10px;letter-spacing:0;color:var(--mint)}.player-hand{display:flex;justify-content:center;align-items:stretch;gap:10px;padding:8px 4px 7px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#4b6669 transparent}.hand-card{position:relative;display:flex;flex-direction:column;align-items:stretch;width:137px;min-width:105px;max-width:137px;flex:1 0 105px;padding:11px 9px 9px;background:linear-gradient(145deg,#304343,#17262d);border:1px solid #65817c;border-radius:9px;text-align:left;color:var(--ink);transition:transform .18s,box-shadow .18s;min-height:183px}.hand-card.spell{background:linear-gradient(145deg,#354059,#192432);border-color:#697f9f}.hand-card.unaffordable{opacity:.48}.hand-card:disabled{cursor:default}.hand-card:not(:disabled):hover{transform:translateY(-5px);box-shadow:0 7px 20px #0005}.mana-cost{width:27px;height:29px;border-radius:6px;position:absolute;left:-3px;top:-5px;font-size:16px;z-index:1}.hand-kind{color:#aabfc3;font-size:7px;letter-spacing:.6px;text-transform:uppercase;text-align:right;margin-bottom:15px}.hand-name{font:17px/1.1 var(--serif);margin-bottom:10px;min-height:37px}.hand-description{font-size:9px;line-height:1.5;color:#c0ccd0;margin:0 0 12px}.hand-stats{display:flex;justify-content:space-between;margin-top:auto;font-weight:700;font-size:14px}.hand-spell-mark{color:#abc5df;align-self:flex-end;margin-top:auto;font-size:21px;line-height:1}.play-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:15px;padding:12px 16px;background:#b7dfcb06;border:1px solid #b7dfcb24;border-radius:8px}.play-controls p{font-size:11px;color:#bdcdc8;margin:0;max-width:650px}.combat-journal{padding:12px 24px;border-top:1px solid var(--line);background:#0e1820;color:var(--muted);font-size:10px}.combat-journal summary{cursor:pointer;color:#b2c7c2}.combat-journal ol{max-height:160px;overflow:auto;padding-left:20px;line-height:2}.battle.busy{cursor:progress}.battle.busy .battle-surface{opacity:.7}.battle.finished .battle-surface{filter:saturate(.6)}
.rules-dialog,.builder-dialog,.result-dialog{padding:35px;border-color:#466358}.rules-dialog{width:min(650px,calc(100% - 30px))}.rules-dialog h2,.builder-dialog h2,.result-dialog h2{font:34px/1.15 var(--serif);margin:0 0 20px}.rules-list{padding-left:20px;color:var(--muted);font-size:12px;line-height:1.9}.rules-list li{margin-bottom:15px}.rules-list strong,.rules-list b{color:var(--ink);font-weight:550}.rules-footnote{font-size:10px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.builder-dialog{width:min(920px,calc(100% - 30px))}.builder-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-right:22px}.builder-heading .eyebrow{font-size:9px}.deck-total{font:28px var(--serif);color:var(--mint);white-space:nowrap}.builder-help{color:var(--muted);font-size:11px;max-width:730px;line-height:1.9;margin:0 0 20px}.builder-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.builder-tools .search-box{flex:1}.deck-pool{max-height:46vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:5px}.pool-card{display:flex;align-items:center;gap:12px;padding:13px;background:#0e1821;border:1px solid var(--line);border-radius:9px}.pool-cost{display:grid;place-items:center;min-width:28px;height:32px;background:#25485d;border:1px solid #5488a0;border-radius:6px;color:#d4edf4;font-size:16px;font-weight:650}.pool-copy{min-width:0;flex:1}.pool-copy strong{display:block;font:17px var(--serif);margin-bottom:4px}.pool-copy small{font-size:8px;line-height:1.6;display:block;color:var(--muted)}.pool-counter{display:flex;align-items:center;gap:9px}.pool-counter button{width:27px;height:29px;border:1px solid #567066;border-radius:5px;background:#1f322d;color:var(--mint);font-size:15px}.pool-counter button:disabled{opacity:.3;cursor:default}.pool-counter span{font-size:12px;color:var(--mint);min-width:9px;text-align:center}.builder-status{color:#efadab;font-size:11px;min-height:17px}.builder-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:18px}.builder-footer p{font-size:11px;color:var(--muted)}.result-dialog{width:min(440px,calc(100% - 30px));text-align:center}.result-dialog>p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:25px}.result-symbol{display:block;font-size:66px;color:var(--gold);margin:5px 0 22px}.result-dialog h2{font-size:42px}.result-dialog>.plain-game-button{display:block;margin:14px auto 0}.game-body:has(dialog[open]){overflow:hidden}
@media(min-width:1550px){.unit-row{min-height:190px}.unit{height:151px;width:126px}.unit-name{font-size:16px}.hand-card{min-height:200px;max-width:150px}.hand-name{font-size:19px}}
@media(max-width:1100px){.arena-main{padding:15px 20px 25px}.arena-header{padding:18px 20px}.battle-surface{padding:17px 18px}.unit-row{gap:8px}.unit{width:108px;height:135px}.hero{min-width:210px}.hero-power{padding:9px;gap:8px}.hero-power small{font-size:7px}.opponent-resources{gap:10px}.hand-card{min-width:112px;flex-shrink:0}.player-hand{justify-content:flex-start}.player-resources{min-width:110px}}
@media(max-width:760px){.lobby-heading{padding:24px 0;align-items:flex-start}.lobby-heading h1{font-size:40px}.lobby-rule-pills{display:none}.deck-choices{grid-template-columns:1fr}.deck-choice{padding:25px}.hero-row{gap:10px;flex-wrap:wrap}.opponent-resources{margin-left:auto}.hero{min-width:200px}.hero-power{order:3;margin:5px auto 0}.player-resources{margin-left:auto}.unit-row{gap:7px;overflow-x:auto;justify-content:flex-start;min-height:164px}.unit-row:has(.board-empty){justify-content:center}.unit{flex:0 0 100px;height:132px}.unit-name{font-size:14px}.battle-surface{padding:15px 14px}.end-turn-button{padding:10px 15px;font-size:10px}.hero-copy small{font-size:7px}.hero-copy strong{font-size:12px}.hero-hp{font-size:23px}.hero-symbol{font-size:27px;width:26px}.hero{padding:9px 11px;gap:8px}.hand-heading{flex-wrap:wrap}.hand-heading>span:nth-child(2){order:3;width:100%;font-size:10px;line-height:1.6}.hand-section{padding:15px 12px}.player-hand{gap:9px}.hand-card{min-height:179px}.hand-description{font-size:9px}.deck-pool{grid-template-columns:1fr}.builder-dialog{padding:28px 20px}.builder-footer{align-items:flex-start}.builder-footer .button{font-size:11px;padding:11px}.builder-heading h2{font-size:28px}.play-controls{flex-direction:column;gap:12px;text-align:center}.battle-topline{padding:10px 13px;font-size:8px}.turn-label{font-size:9px}.arena-header nav{gap:14px}.arena-header nav>a{font-size:10px}.arena-header .brand{font-size:12px;gap:6px}.arena-header .brand-mark{font-size:31px}.arena-header .brand small{font-size:7px}.arena-header .button{font-size:10px;padding:7px 10px}.opponent-resources .enemy-hand{display:none}}
@media(max-width:440px){.arena-main{padding:12px 10px 25px}.arena-header{padding:15px}.arena-header nav>a{display:none}.hero{min-width:185px}.hero-copy strong{max-width:100px}.resource-label{font-size:8px}.mana-crystals{gap:3px}.mana-crystal{width:8px;height:11px}.player-resources{min-width:85px}.hero-row{gap:8px}.battle-surface{padding:12px 10px}.battle-topline>span:first-child{font-size:7px}.plain-game-button{font-size:10px}.unit-row{min-height:153px}.unit{height:122px;width:92px;flex-basis:92px}.unit-name{font-size:13px}.unit-sigil{font-size:23px}.deck-choice h2{font-size:28px}.resume-panel{flex-direction:column;align-items:flex-start}.rules-dialog{padding:30px 22px}.result-dialog{padding:30px 22px}}
@media(prefers-reduced-motion:reduce){.unit.ready:hover,.hand-card:not(:disabled):hover,.unit.selected,.hand-card.selected{transform:none}}
.hand-card{isolation:isolate}.hand-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.13;z-index:-1;border-radius:8px}

[data-drag-kind]{touch-action:pan-x pinch-zoom;user-select:none;-webkit-user-select:none;cursor:grab}
[data-drag-kind] img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.card-dragging,.card-dragging *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}
.drag-source{opacity:.3!important}
.drag-preview{position:fixed!important;left:0!important;top:0!important;margin:0!important;z-index:10000!important;pointer-events:none!important;transition:none!important;opacity:.93!important;min-width:0!important;max-width:none!important;box-shadow:0 20px 45px #0009!important;outline:2px solid #91a2a7;outline-offset:3px;filter:none!important}
.drag-preview.drop-allowed{outline-color:var(--gold);box-shadow:0 14px 45px #0008,0 0 24px #dfbd7955!important}
#player_board{border:2px solid transparent;border-radius:14px;transition:background .15s,border-color .15s}
#player_board.drop-ready{border-color:#b7dfcb88;border-style:dashed;background:#b7dfcb0b}
#battle .drop-hover{outline:3px solid var(--gold)!important;outline-offset:3px;background-color:#dfbd7918;box-shadow:0 0 25px #dfbd7944}
#player_board.drop-hover{border-color:var(--gold);border-style:solid;background:#dfbd7915}