/* ASTRA 11 — one presentation system. Fixed arena, live DOM cards. */
:root{color-scheme:dark;--ink:#08131e;--panel:#122334;--line:#43505a;--text:#e8eef1;--muted:#91a9b9;--gold:#e3c588;--cyan:#8fe1ef;--red:#f1a5a2;--trait-gold:#edc76c;--trait-silver:#b3c7d4;--trait-orange:#f7a45f;--trait-purple:#d2b0ef;--trait-neutral:#89c8ba;--unit-w:clamp(82px,calc((100dvh - 460px)/2.794),130px);--hand-w:102px;--rail-l:144px;--rail-r:124px;--hand-h:173px;--footer-h:62px;font-family:'Thonburi','Noto Sans Thai','Tahoma',system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-width:320px;background:#07111c;color:var(--text)}body{background:radial-gradient(ellipse at 50% 30%,#203643 0,#0b1723 64%,#050c14 100%);font-size:13px}button,input,select{font:inherit}button,summary,[role=button]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,[role=button]:focus-visible,summary:focus-visible{outline:2px solid #b1efff;outline-offset:4px}.hidden,[hidden]{display:none!important}.app{width:100%;max-width:1800px;height:100vh;height:100dvh;margin:auto;padding:8px 18px calc(var(--footer-h) + 7px);display:grid;grid-template-rows:48px 26px minmax(0,1fr);gap:5px;overflow:hidden}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #a18a563c;padding:0 3px 7px}.brand{display:flex;align-items:center;gap:9px;flex:none}.sigil{width:37px;height:37px;display:grid;place-items:center;border:1px solid #bba272;transform:rotate(45deg);border-radius:7px;background:linear-gradient(145deg,#304555,#101c28);color:var(--gold);font:34px Georgia;box-shadow:inset 0 0 0 3px #0b1725,0 0 18px #2ac0d827}.brand-title{font:700 21px Georgia,serif;letter-spacing:2.3px;color:#ead5a7}.brand-title span{color:#f3e9d0}.brand-subtitle{font-size:8px;letter-spacing:2px;color:#96b8c7;display:flex;align-items:center;gap:8px;margin-top:3px}.brand-subtitle i{width:3px;height:3px;background:#ccb47d;transform:rotate(45deg)}.match-caption{font-size:9px;letter-spacing:3px;color:#d8c49a;text-align:center}.match-caption span{display:block;letter-spacing:0;color:#829daa;font-size:10px;margin-top:3px}.header-actions{display:flex;align-items:center;gap:6px}.btn{border:1px solid #54626c;color:#dce8ef;background:linear-gradient(#22394b,#162636);border-radius:7px;padding:10px 14px;min-height:40px;font-weight:700;box-shadow:inset 0 1px #ffffff0c}.btn:hover:not(:disabled){border-color:#e2c78e;filter:brightness(1.1)}.btn.primary{background:linear-gradient(145deg,#f2d999,#c5a364);border:1px solid #ffebb0;color:#18232c;box-shadow:inset 0 0 0 2px #8d693340,0 3px 0 #624d2f,0 0 20px #e7c37b20}.btn.subtle{background:#142432;border-color:#52657270;padding:7px 12px;min-height:36px;font-size:11px}.more-menu{position:relative}.more-menu summary{list-style:none;border:1px solid #52657270;background:#142432;padding:8px 12px;border-radius:7px;cursor:pointer;min-height:36px}.more-menu summary::-webkit-details-marker{display:none}.more-menu>div{position:absolute;right:0;top:44px;width:154px;padding:8px;display:grid;gap:5px;border:1px solid #907a55;background:#102232;z-index:90;border-radius:8px;box-shadow:0 10px 30px #000a}.ribbon{display:flex;justify-content:space-between;align-items:center;padding:0 4px;color:#c6dde5;font-size:11px;gap:8px}.ribbon-main{display:flex;gap:8px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:#84dbd2;box-shadow:0 0 8px #84dbd266}.ribbon-metrics{display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:1.5px;color:#8da4b2}.ribbon-metrics strong{font-size:11px;color:#e3d0a7;margin-left:6px}.thin-line{width:1px;height:11px;background:#6e798253}
.board{min-height:0;display:grid;grid-template-rows:30px minmax(0,1fr) var(--hand-h);gap:7px}.enemy-strip{position:relative;margin:0 calc(var(--rail-r) + 14px) 0 calc(var(--rail-l) + 14px);display:flex;align-items:center;justify-content:space-between;padding:0 10px;border:0;border-radius:0;background:linear-gradient(90deg,transparent,#25384455,transparent)}.enemy-top{display:contents}.enemy-strip-title{display:flex;align-items:center;gap:6px;z-index:1}.strip-mark{color:#c5b5d8;font-size:19px}.enemy-strip-title strong{font-size:8px;color:#bdb4cf;letter-spacing:1.5px}.enemy-strip-title small{display:none}.mana-row.compact{display:flex;align-items:center;gap:7px;z-index:1}.mana-name{font-size:8px;letter-spacing:1px;color:#99afbd;display:flex;align-items:center;gap:5px}.mana-name b{color:#d6e6ef;font-size:11px}.secret-note{display:none}.ai-hand{position:absolute;left:50%;top:-4px;transform:translateX(-50%);display:flex;justify-content:center;max-width:35%;height:35px;overflow:hidden}.back-card{flex:none;width:27px;height:37px;margin-left:-5px;border:1px solid #ad9672;border-radius:3px;background:radial-gradient(ellipse,#31475d,#122033 65%);box-shadow:inset 0 0 0 2px #101824,inset 0 0 0 3px #8a799755;position:relative}.back-card:after{content:'✧';display:grid;place-items:center;height:100%;font-size:22px;color:#cab28e}.mana-pips{display:flex;gap:4px}.mana-pip{display:block;width:14px;height:14px;border:1px solid #59778b;border-radius:50%;background:radial-gradient(circle at 35% 25%,#36536c,#112233 65%);box-shadow:inset 0 -2px 4px #0007}.mana-pip.active{background:radial-gradient(circle at 30% 22%,#f5ffff,#74d9f2 30%,#1673b2 70%,#0d3b62);border-color:#b9eeff;box-shadow:0 0 7px #5ac9ed65,inset 0 -2px 4px #092d5e}.mana-pip.locked{border-color:#465561;background:#101e2a;opacity:.55}.arena-layout{min-height:0;display:grid;grid-template-columns:var(--rail-l) minmax(0,1fr) var(--rail-r);gap:14px;position:relative}.left-tray,.right-tray{min-height:0;display:flex;flex-direction:column;gap:10px}.arena-core{min-height:0;min-width:0;position:relative}
/* An actual layered arena: independent floor geometry, engravings, lighting and live components. */
.rv-battlefield{height:100%;min-height:0;position:relative;isolation:isolate;display:grid;grid-template-rows:15px minmax(0,1fr) auto auto 15px minmax(0,1fr) auto auto;gap:2px;padding:10px 18px 12px;border:1px solid #8c8c78;border-radius:25px 25px 34px 34px;background:#172e3a;box-shadow:0 0 0 3px #0b1722,0 0 0 4px #536271,0 8px 0 #030a10,inset 0 0 0 5px #182b35,inset 0 0 0 6px #63736a60,0 20px 45px #0008;overflow:hidden}
.astra-floor{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 49%,#315a6655,transparent 60%),linear-gradient(90deg,#020e1aa1,transparent 17% 83%,#020c18b0),linear-gradient(180deg,#31536140,#0d1d29b0),url('../assets/stone-floor.svg');background-size:cover;box-shadow:inset 0 0 60px #020911cc}.astra-floor:before{content:'';position:absolute;inset:5px;border:1px solid #cdb37c50;border-radius:20px 20px 27px 27px;box-shadow:inset 0 0 18px #81cad212}.astra-floor:after{content:'';position:absolute;inset:15px;background:linear-gradient(90deg,transparent 3%,#90d4de25 3.15%,transparent 3.4% 96.6%,#90d4de25 96.85%,transparent 97%);border-radius:10px}.astra-seal{position:absolute;width:min(75%,440px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #bdc5aa38;border-radius:50%;box-shadow:0 0 0 12px #8bd1d405,0 0 0 13px #bfd2c222,0 0 0 35px #7da8a604,0 0 0 36px #b1d8d218,inset 0 0 80px #7ecee20c;background:conic-gradient(from 0deg,transparent 0deg 89.8deg,#b3d4c22a 90deg 90.2deg,transparent 90.4deg 179.8deg,#b3d4c22a 180deg 180.2deg,transparent 180.4deg 269.8deg,#b3d4c22a 270deg 270.2deg,transparent 270.4deg)}.astra-seal:before,.astra-seal:after{content:'';position:absolute;inset:17%;border:1px solid #b9d5c025;transform:rotate(0deg)}.astra-seal:after{transform:rotate(45deg);inset:25%;border-color:#b9d5c020}.floor-corner{position:absolute;width:43px;height:43px;border:2px solid #b298625c;transform:rotate(45deg);background:linear-gradient(135deg,#64827f,#1f3847 38%,#182633 60%);box-shadow:0 2px 8px #0009,inset 0 0 0 4px #132736,inset 0 0 0 5px #b8a87955}.floor-corner.nw{left:2px;top:2px}.floor-corner.ne{right:2px;top:2px}.floor-corner.sw{left:2px;bottom:2px}.floor-corner.se{right:2px;bottom:2px}.arena-divider{display:flex;align-items:center;justify-content:space-between;color:#aac7cf;letter-spacing:1.4px;font-size:8px;position:relative;z-index:1;padding:0 6px}.arena-divider b{color:#d6bd88;font-size:8px;letter-spacing:.5px}.unit-row{display:flex;justify-content:center;align-items:center;gap:18px;min-height:0;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#648b9370 transparent;padding:12px 13px 14px;background:none;border:0;position:relative}.unit-row:has(>.unit:nth-child(6)){justify-content:flex-start}.empty-field{font-size:11px;color:#8bafb982;letter-spacing:.3px;text-align:center;display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;min-height:50px;pointer-events:none}.empty-field:before,.empty-field:after{content:'◇';font-size:18px;color:#bdd6cc24}.continuous-row{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;min-height:0}.continuous-row:empty{display:none}.effect-tag{display:flex;align-items:center;gap:4px;font-size:9px;border:1px solid #8d7caa;background:#1f243b;border-radius:5px;padding:3px 6px}.skill-controls{display:flex;gap:4px;justify-content:center}.skill-controls:empty{display:none}.skill-btn{padding:5px 8px;font-size:10px;color:#d4eafe;border:1px solid #76a6c2;background:#193d53;border-radius:5px}.arena-center-label{display:none}.combat-result-bar{position:absolute;left:10px;bottom:3px;right:10px;font-size:9px;line-height:1.2;text-align:center;color:#b1ccd4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
/* One component contract across battlefield, hand and inspector. Opaque printed card stock. */
.unit,.card,.display-card{position:relative;isolation:isolate;flex:none;width:var(--unit-w);height:calc(var(--unit-w)*1.397);aspect-ratio:1 / 1.397;background:linear-gradient(145deg,#a4b0ae,#53646b 15%,#1a2c35 50%,#b6a875 95%);padding:4px;border:1px solid #b8bfaf;border-radius:7px;box-shadow:0 3px 0 #050e14,1px 5px 0 #0b1217,0 9px 11px #000c,0 14px 20px #0007,inset 0 0 0 1px #2b3b46;opacity:1;filter:none;user-select:none;-webkit-user-select:none;transition:transform .18s ease,box-shadow .18s ease;overflow:visible;cursor:pointer}.unit:before,.card:before,.display-card:before{content:'';position:absolute;inset:3px;border:1px solid #e1d4a478;border-radius:4px;pointer-events:none;z-index:3}.card-inner{height:100%;display:grid;grid-template-rows:24px minmax(0,1fr) 23px;background:#152731;border-radius:3px;position:relative;overflow:hidden}.unit-name,.card-name{margin:0;padding:2px 4px 0 10px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:var(--name-size,11px);line-height:1.13;font-weight:750;color:#f5e6bb;background:linear-gradient(#2d404b,#182c38);z-index:2;min-height:0;min-width:0;letter-spacing:0;overflow:visible;white-space:normal}.unit-name .card-ref,.card-name .card-ref{color:inherit;text-decoration:none;border:0;display:block;overflow-wrap:anywhere}.unit-icon,.card-art{position:relative;min-height:0;height:auto;width:100%;font-size:35px;background:#0c202a;border:1px solid #a5b6ac77;border-radius:2px;overflow:hidden;box-shadow:inset 0 0 12px #0006}.art-asset{display:block;min-height:0;width:100%;height:100%;position:relative;overflow:hidden}.art-asset img{display:block;width:100%;height:100%;object-fit:cover}.painted-art{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:400% 400%;background-image:url('../assets/creatures-atlas.png')}.painted-art.element-art{background-image:url('../assets/elements-atlas.png')}.unit .art-asset,.unit-icon.artwork-unit .art-asset{height:100%;min-height:0}.card-traits-row{display:flex;align-items:center;min-width:0;padding:2px 14px 1px 2px;background:linear-gradient(#1c303b,#11212c);border-top:1px solid #a0aa9666;overflow:hidden}.card-traits-row .trait-list{gap:2px;margin:0;display:flex;flex-wrap:wrap;max-height:25px;align-content:center;overflow-y:auto;scrollbar-width:none}.card-traits-row .trait-badge{flex:0 0 14px;width:14px;height:14px;min-width:14px;padding:1px;border-radius:4px}.card-traits-row .trait-badge svg{width:11px;height:11px}.unit-cost,.card-cost,.power-pill,.card-power-badge{position:absolute;z-index:6;width:30px;height:30px;border:2px solid #c5eef7;border-radius:50%;display:grid;place-items:center;line-height:1;font-size:18px;font-weight:850;font-family:Georgia,serif;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 32% 23%,#91e4ff,#257fab 48%,#0c3c68 85%);box-shadow:0 2px 0 #051a2a,0 3px 7px #000b,inset 0 0 0 1px #d6f7ff77;text-shadow:0 1px 3px #00243e;color:#fff7e3}.unit-cost,.card-cost{left:-9px;top:-8px}.power-pill,.card-power-badge{right:-9px;bottom:-7px;border-color:#fac5bd;background:radial-gradient(circle at 30% 22%,#ffa89d,#b54d57 48%,#63242e 90%);text-shadow:0 1px 3px #4c1019;box-shadow:0 2px 0 #32131b,0 3px 8px #000b,inset 0 0 0 1px #ffdbca77}.ready-pill{position:absolute;right:5px;top:8px;width:5px;height:5px;border-radius:50%;background:#99f4d1;box-shadow:0 0 6px #7ff2c8;font-size:0;z-index:5}.unit.exhausted{opacity:1;filter:none;transform:translateY(2px) rotate(2deg)}.unit.exhausted .ready-pill{background:#c29c6b;box-shadow:0 0 0 1px #5e4e40}.exhausted-mark{position:absolute;right:6px;bottom:27px;background:#0c1928dd;border:1px solid #cbb48388;border-radius:4px;padding:1px 4px;font:10px Georgia;color:#efd7a8;z-index:4}.unit.can-attack{box-shadow:0 3px 0 #06141e,0 9px 12px #000c,0 0 0 1px #8ae0df,0 0 15px #4ac0c64d;touch-action:none}.unit.can-attack:hover,.unit.selected,.unit.rv2-targeted{transform:translateY(-4px);box-shadow:0 4px 0 #0c1722,0 12px 15px #000b,0 0 0 2px #ebcf89,0 0 18px #dfc37a77;z-index:5}.unit.enemy-target{cursor:crosshair}.unit-keywords{position:absolute;right:7px;top:31px;z-index:4;display:flex;flex-direction:column;gap:2px}.unit-keywords .kw-icon.small{min-width:16px;width:16px;height:16px;font-size:10px;margin:0;box-shadow:0 1px 4px #0008}.mod-icons{position:absolute;left:7px;bottom:28px;display:flex;gap:3px;max-width:72%;z-index:4}.mod-icons:empty{display:none}.mod-icons>span{display:flex;align-items:center;max-width:100%;font-size:8px;color:#ebdaa5;background:#152232ed;border:1px solid #b4a277;border-radius:4px;padding:1px}.mod-icons .card-ref{display:none}.mod-icons .trait-badge{width:13px;height:13px;min-width:13px;padding:0}.unit-match-preview{position:absolute;bottom:27px;left:5px;right:5px;background:#10293aef;border:1px solid #91c5bf;padding:3px 1px;font-size:8px;text-align:center;border-radius:4px;z-index:5;color:#ccf1d8}.unit-match-preview.loss{border-color:#ce8b86;color:#ffb0a6;background:#46232de8}.unit-match-preview.tie{border-color:#e4c281;color:#ffe1a8;background:#4a3925ed}.unit-match-preview small{display:none}.art-fallback{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(ellipse,#276073 0,#102635 70%);color:#dce6db;font-size:44px}.spell-art{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 45% 37%,#537784,#1e3a4d 44%,#12232e 70%);position:relative}.spell-art:before{content:'';position:absolute;width:65%;aspect-ratio:1;border:1px solid #c4ddc56b;border-radius:50%;box-shadow:0 0 0 6px #96cedd15,inset 0 0 25px #87dbea33;transform:rotate(-20deg)}.spell-art svg{position:relative;z-index:1;width:65%;height:65%;filter:drop-shadow(0 0 7px #b4e8ff55)}.event .spell-art{background:radial-gradient(ellipse at 40% 40%,#655a88,#302c4f 45%,#142332)}.modifier .spell-art{background:radial-gradient(ellipse at 40% 40%,#8b7953,#374451 45%,#142332)}
/* Landscape Room: the only scene image that changes. */
.arena-room-wrap{display:flex;justify-content:center;align-items:center;padding:3px 0 5px;min-height:0;position:relative;z-index:2}.room-section{width:min(340px,70%);position:relative}.room-topline{display:flex;justify-content:space-between;color:#b4c8ce;font-size:7px;letter-spacing:1px;margin:0 7px 6px}.room-topline span:first-child{color:#d4bb8a}#roomRemaining{position:absolute;left:0;right:0;bottom:-10px;text-align:center;font-size:7px;color:#91a8b1;white-space:nowrap}.room-card{width:100%;min-height:0;position:relative;display:grid;grid-template-rows:57px auto;background:#172836;border:1px solid #cfb87d;border-radius:10px;padding:4px;box-shadow:0 4px 0 #070d12,0 6px 0 #514c3b,0 12px 19px #000a,0 0 20px #8bd6cf18;cursor:pointer;overflow:visible;transition:transform .2s,box-shadow .2s}.room-card:before{content:'';position:absolute;inset:2px;border:1px solid #b6bc9f55;border-radius:7px;pointer-events:none;z-index:2}.room-card.attackable{box-shadow:0 4px 0 #192124,0 0 0 2px #e6ce8a,0 0 25px #b99e4c55;transform:translateY(-2px)}.room-art{position:relative;width:100%;height:100%;min-height:0;border-radius:6px 6px 0 0;overflow:hidden;background:#263d47;box-shadow:inset 0 0 10px #0006}.room-art .painted-art{background-size:400% 400%;height:170%;position:absolute;top:-35%}.room-art .art-asset{height:100%}.room-art .art-asset .painted-art{position:relative;top:0;height:100%;background-size:400% 400%}.room-emblem,.room-stars{display:none}.room-content{padding:5px 10px 7px;min-width:0;background:linear-gradient(145deg,#233541,#142432);border-top:1px solid #a5926a88;border-radius:0 0 5px 5px}.room-title-row{display:flex;align-items:center;gap:7px}.room-type{font-size:6px;letter-spacing:1.2px;color:#a2bcc6;white-space:nowrap}.room-content h2{font-size:12px;margin:0;line-height:1.25;color:#f2d8a1;flex:1}.room-content h2 .card-ref{color:inherit;text-decoration:none}.room-traits .trait-list{margin:0}.room-traits .trait-badge{width:14px;height:14px;min-width:14px;padding:1px}.room-traits .trait-badge svg{width:11px;height:11px}.room-content p{font-size:10px;line-height:1.45;color:#d0dbe0;margin:3px 0 4px;min-height:14px}.room-health{height:3px;overflow:hidden;background:#091a24;border-radius:3px}.room-health>div{height:100%;background:linear-gradient(90deg,#ac8658,#f1d394);transition:width .25s}.room-hint{display:none}.level-box{position:absolute;z-index:8;left:-16px;top:-9px;width:46px;height:46px;border-radius:50%;border:2px solid #ead5a1;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 35% 25%,#536b72,#203b50 60%,#102638);box-shadow:0 3px 0 #5b4d31,0 5px 12px #000c,inset 0 0 0 2px #142b3b;color:#fff0bd}.level-box>span{font-size:6px;letter-spacing:1.4px;color:#bbd2dc}.level-box strong{font:700 23px Georgia;line-height:1}.level-box small{font-size:8px;font-weight:400}.room-inspector{max-width:440px;margin:14px auto 24px}.room-inspector .room-card{grid-template-rows:130px auto}.room-inspector .room-content p{font-size:13px;line-height:1.7}.room-inspector .room-content h2{font-size:17px}.room-inspector .room-type{font-size:9px}
/* Compact command rail and physical piles. */
.rv-commander{position:relative;min-height:0;border:1px solid #8a8971;border-radius:10px;padding:7px;background:linear-gradient(145deg,#2c3c49,#102031 70%);box-shadow:inset 0 0 0 2px #0a1722,inset 0 0 0 3px #9d956444,0 5px 9px #0007;cursor:pointer;flex:1;display:flex;flex-direction:column}.rv-ai-commander{border-color:#838398;background:linear-gradient(145deg,#3b3b51,#142031 70%)}.rv-commander-overline{font-size:7px;letter-spacing:1.2px;color:#d7c297;display:flex;justify-content:space-between;padding:1px 2px 5px}.rv-ai-commander .rv-commander-overline{color:#c0b9d5}.rv-commander-portrait{min-height:38px;flex:1;max-height:95px;border:1px solid #93a9aa70;border-radius:5px;overflow:hidden;background:#112433;position:relative}.commander-art{width:100%;height:100%;background-image:url('../assets/creatures-atlas.png');background-size:400% 400%;background-position:66.6667% 66.6667%}.commander-human{background-position:100% 66.6667%}.rv-commander-name{font:700 11px Georgia;color:#e7d5a6;letter-spacing:.7px;text-align:center;margin:6px 0 3px}.rv-commander-sub{font-size:7px;color:#8caabb;display:flex;justify-content:center;gap:4px;align-items:center}.commander-trait .trait-badge{width:12px;height:12px;min-width:12px;padding:0}.commander-trait svg{width:9px;height:9px}.rv-commander-rule{display:none}.rv-commander-score{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #79919340;margin-top:5px;padding:4px 2px 0}.rv-commander-score>span{font-size:7px;color:#a6bdc8;letter-spacing:.8px}.rv-commander-score strong{font:700 20px Georgia;color:#ebd39e}.rv-commander-score strong span{font-size:10px;color:#adbec5}.rv-score-dots{position:absolute;bottom:10px;left:10px;letter-spacing:3px;font-size:8px;color:#d0b986;pointer-events:none}.rv-commander-counts{display:none}.rv-feed{flex:0 1 100px;min-height:55px;padding:8px;background:#0d1b29;border:1px solid #485962;border-radius:8px;position:relative;display:flex;flex-direction:column;overflow:hidden}.panel-label{font-size:8px;color:#a5c2ce;letter-spacing:1.3px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.rv-feed-toggle{border:1px solid #536572;border-radius:4px;background:#1c3243;color:#d9c18c;width:26px;height:23px;font-size:15px;cursor:pointer}.feed{overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#567785 transparent;padding-right:2px;margin-top:5px}.feed-item{font-size:9px;line-height:1.5;color:#a3bac7;padding:5px 0 5px 6px;border-left:1px solid #4d6b76;border-bottom:1px solid #69808b22}.feed-item:first-child{color:#e6d6b6;border-left-color:#e5bf7a}.feed-item .card-ref{color:#e2c78d}.rv-feed.expanded{position:fixed;left:18px;top:90px;bottom:80px;width:min(330px,90vw);height:auto;z-index:70;box-shadow:0 15px 50px #000c}.right-tray{gap:10px}.player-piles{border:1px solid #56677280;background:linear-gradient(145deg,#203747aa,#10212cc0);border-radius:9px;padding:9px 7px}.player-piles .panel-label{font-size:7px;letter-spacing:1px;white-space:nowrap;margin-bottom:8px}.paired-piles{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pile-box{padding:0;border:0;background:none;color:var(--text);text-align:center;min-width:0}.pile-title{font-size:7px;letter-spacing:.6px;color:#b9c6ce;margin-bottom:7px}.pile-visual{height:47px;width:34px;position:relative;margin:0 auto 5px}.stack-card,.mini-pile-card{display:block;position:absolute;width:30px;height:42px;top:0;left:0;border:1px solid #ad9574;border-radius:3px;background:radial-gradient(ellipse,#344e62,#122234 70%);box-shadow:inset 0 0 0 2px #102031,inset 0 0 0 3px #847a5c77,2px 3px 4px #0009;transform:translate(calc(var(--i)*1.5px),calc(var(--i)*-1.4px))}.stack-card:after,.mini-pile-card.back:after{content:'✧';display:grid;place-items:center;height:100%;color:#d2b982;font-size:22px}.mini-pile-card{overflow:hidden;transform:rotate(calc(var(--i)*7deg)) translateX(calc(var(--i)*2px));transform-origin:bottom}.mini-pile-card .art-mini{width:100%;height:100%;margin:0;min-height:0}.mini-pile-card .art-mini .art-asset{min-height:0}.mini-pile-card small{display:none}.pile-count strong{font:700 20px Georgia;color:#e4ca91}.pile-box>small{display:block;font-size:7px;color:#8ea8b5;margin-top:3px}.pile-action:hover{filter:brightness(1.25)}.pile-action{min-height:100px}.drop-fan.empty{opacity:.5}
/* Hand lives beside its Mana reserve; no game controls below a long page. */
.hand-zone{min-height:0;position:relative;display:grid;grid-template-columns:var(--rail-l) minmax(0,1fr);grid-template-rows:18px minmax(0,1fr);column-gap:14px;border-top:1px solid #d1b77e40;background:linear-gradient(180deg,#0a172550,#0a1826);padding-top:4px}.rv-hand-kicker{grid-column:2;display:flex;justify-content:space-between;align-items:center;color:#a9c8d1;font-size:8px;letter-spacing:1.5px;padding:0 12px}.rv-hand-kicker span:last-child{font-size:9px;letter-spacing:0;color:#849fac}.human-strip{grid-row:1/3;grid-column:1;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0;padding:5px 7px}.hand-mana-wrap{width:100%}.mana-title-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.hand-mana-num{font:700 21px Georgia;color:#e3f3f3}.hand-mana-pips{gap:5px;flex-wrap:wrap}.hand-mana-pips .mana-pip{width:24px;height:24px}.hand-mana-caption{font-size:8px;color:#809eae;margin-top:7px}.hand-summary-badge{display:flex;gap:8px}.hand-mini-fan{display:none}.summary-copy>.panel-label{font-size:8px}.summary-copy>b,.identity-desc,.hand-help{display:none}.hand-scroll{grid-column:2;grid-row:2;display:flex;gap:17px;align-items:center;justify-content:flex-start;min-height:0;overflow-x:auto;overflow-y:hidden;padding:12px 17px 13px;scrollbar-width:thin;scrollbar-color:#8b8e7655 transparent}.card{--unit-w:var(--hand-w)}.card-inner .card-type{position:absolute;bottom:26px;left:3px;right:3px;z-index:3;color:#d8e5e5;font-size:6px;letter-spacing:1px;text-shadow:0 1px 3px #000;background:#0c1f2cbf;text-align:center;padding:1px 2px;pointer-events:none}.card .card-footer{display:none}.card-id{display:none}.card .card-name{font-size:10px;padding-left:15px;padding-right:5px}.card .card-traits-row{padding-right:16px}.card .card-cost,.card .card-power-badge{width:29px;height:29px;font-size:17px}.card.unplayable{opacity:1;filter:none}.card.unplayable:after{content:'';position:absolute;inset:1px;border:2px solid #14222b66;pointer-events:none;border-radius:5px}.card:not(.unplayable){box-shadow:0 3px 0 #081320,0 7px 12px #000b,0 0 0 1px #c8ba86,0 0 14px #d5c17f33}.card:hover,.card.marked{transform:translateY(-5px);z-index:4;box-shadow:0 4px 0 #0b1420,0 10px 15px #000c,0 0 0 2px #f1d892}.card.marked:after{content:'✓';position:absolute;top:39%;left:32%;width:36%;height:28%;display:grid;place-items:center;background:#223c43e8;border:1px solid #f3dda5;border-radius:50%;color:#f3dda5;font-size:25px}.footerbar{position:fixed;bottom:0;left:0;right:0;height:var(--footer-h);padding:7px max(18px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left));z-index:55;border-top:1px solid #9c966b80;box-shadow:0 -8px 24px #010a1280;background:linear-gradient(100deg,#112838,#142534 65%,#223441);display:flex;justify-content:space-between;align-items:center;gap:10px}.footer-tip{font-size:11px;color:#adc4ce;display:flex;align-items:center;gap:14px;line-height:1.5}.footer-tip b{font-size:10px;letter-spacing:1.2px;color:#edd392;white-space:nowrap}.footer-buttons{display:flex;gap:8px;flex:none}.footer-buttons .btn{min-width:120px}.site-footer{display:none}
/* Auxiliary screens: consistent material and safe layering. */
.overlay{z-index:12000;background:#020b15db;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal{max-height:calc(100dvh - 36px);width:min(700px,calc(100vw - 30px));border:1px solid #c6ad7b;background:linear-gradient(145deg,#233846,#102032 70%);border-radius:16px;box-shadow:inset 0 0 0 3px #0a172480,0 30px 100px #000d;padding:24px}.modal h2{color:#edd6a3}.modal-option{min-height:48px;border-radius:8px;background:#163043;border-color:#59747f}.modal-option.primary-choice{background:linear-gradient(120deg,#e5ca90,#bca16c);color:#132535;border-color:#f5e2b4}.modal-option.primary-choice .choice-meta{color:#344d5a}.modal-note{color:#c4d5df}.card-inspector-top{background:#152a39;border-color:#71838a}.card-inspector-icon{height:120px;width:90px}.card-inspector-title{color:#edd5a2}.rv2-zoom{z-index:12010}.rv2-zoom-panel{border-width:1px;border-radius:14px}.rv2-zoom-illustration{border:0;overflow:visible;background:none;box-shadow:none;height:auto;display:flex;justify-content:center;align-items:flex-start;font-size:14px}.display-card{--unit-w:230px}.display-card .card-inner{grid-template-rows:45px minmax(0,1fr) 45px}.display-card .unit-name{font-size:19px}.display-card .unit-cost,.display-card .power-pill{width:48px;height:48px;font-size:28px}.display-card .card-traits-row .trait-badge{width:27px;height:27px;min-width:27px}.display-card .card-traits-row .trait-badge svg{width:21px;height:21px}.display-card .card-traits-row .trait-list{max-height:40px}.art-overlay{z-index:16000}.deckbuilder-screen{z-index:16000}.toast{z-index:18000;bottom:80px}.rv2-quick-targets{z-index:125;display:none;position:fixed;bottom:70px;left:50%;transform:translateX(-50%);background:#102738;border:1px solid #a5b9a2;border-radius:10px;gap:8px;padding:7px}.rv2-quick-targets.active{display:flex}.rv2-target-chip{color:#efdaa8;background:#20394a;border:1px solid #a68d67;border-radius:6px;padding:10px;font-size:11px}.rv2-room-drop{background:#193a48e8}.draw-fx-layer{position:fixed;inset:0;pointer-events:none;z-index:150}.draw-fx-card{position:fixed;left:var(--sx);top:var(--sy);width:42px;height:59px;border:1px solid #d1bc8c;background:#193247;border-radius:5px;color:#e8d6a9;display:grid;place-items:center;box-shadow:0 0 14px #b0e8ed99;transform:translate(-50%,-50%);transition:transform .45s ease,opacity .2s}.draw-fx-card.fly{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(8deg)}.draw-fx-card.fade{opacity:0}.draw-flash{animation:draw-glow .4s ease}@keyframes draw-glow{50%{filter:brightness(1.5)}}
.tut-coach{position:relative;width:100%;max-height:100%;min-height:0;overflow:auto;padding:9px;background:linear-gradient(145deg,#2b4150,#182c3a);border:1px solid #ccb27b;border-radius:8px;box-shadow:0 6px 14px #0005;font-size:10px;z-index:6}.tut-head{display:flex;gap:4px;justify-content:space-between;margin-bottom:6px;align-items:center}.tut-progress{font-size:8px;letter-spacing:.4px;color:#f1d49a}.tut-step-mark{display:none}.tut-coach h2{font-size:12px;line-height:1.4;margin:0 0 7px;color:#eed6a2}.tut-coach p{font-size:10px;line-height:1.6;color:#c4d9e2;margin:0 0 8px}.tut-actions{display:flex;flex-direction:column;gap:5px}.tut-actions button{min-height:35px;font-size:9px;color:#dce9ee;border:1px solid #7b8c91;border-radius:5px;background:#1d3546;padding:6px 3px}.tut-actions .tut-next{background:#d3b87e;color:#10202c;border-color:#f6e3ae}.tut-collapse{border:0;background:none;color:#d8d7bd;font-size:14px;width:25px;height:25px;padding:0}.tut-coach.collapsed p,.tut-coach.collapsed .tut-actions{display:none}.tut-focus{outline:2px solid #e4ce92;outline-offset:3px}.right-tray:has(.tut-coach:not(.hidden)) .player-piles{padding:5px}.right-tray:has(.tut-coach:not(.hidden)) .pile-visual{display:none}.right-tray:has(.tut-coach:not(.hidden)) .pile-action{min-height:45px}.right-tray:has(.tut-coach:not(.hidden)) .player-piles .panel-label{margin-bottom:3px}.right-tray:has(.tut-coach:not(.hidden)) .pile-title{margin-bottom:2px}.right-tray:has(.tut-coach:not(.hidden)) .pile-box>small{display:none}
/* Lobby and menus retain the exact deck/settings navigation, with a new art direction. */
.bd-shell{z-index:15000;background:radial-gradient(ellipse at 72% 40%,#1c4353,#0b1827 63%,#050d16);overflow:auto}.bd-shell:before{background:url('../assets/stone-floor.svg') center/cover;opacity:.15}.bd-page{width:min(1180px,100%);padding:35px 38px;min-height:100dvh;justify-content:center}.astra-home{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:80dvh;width:100%;gap:60px}.home-eyebrow{font-size:10px;letter-spacing:4px;color:#b6d5dd;margin-bottom:21px}.bd-logo{text-align:left;font-size:clamp(75px,8vw,112px);letter-spacing:.05em;text-shadow:0 4px #644d32,0 15px 30px #000a}.bd-logo span{font-size:clamp(26px,3vw,38px);margin:18px 0 0;letter-spacing:.31em;color:#ebd3a1;padding:0}.home-tagline{font-size:16px;color:#cadce1;line-height:1.8;margin:25px 0 10px;max-width:370px}.home-tagline small{display:block;color:#90a9b8;font-size:12px;margin-top:5px}.bd-version{border:0;border-left:2px solid #9d8659;padding:2px 10px;margin:17px 0 0;font-size:8px;letter-spacing:2.3px;color:#b6cbd2;text-align:left}.bd-stack{margin:25px 0 0;width:100%;max-width:370px;gap:10px}.bd-btn{font-size:15px;min-height:49px;border-radius:6px;background:linear-gradient(130deg,#274153,#102336);border-color:#81908d88;box-shadow:0 4px 0 #020b16}.bd-btn.primary{background:linear-gradient(140deg,#efdaa2,#baa16e);border-color:#f6e8be}.bd-btn.secondary{background:linear-gradient(120deg,#264454,#12293a);border-color:#77929480}.home-secondary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.home-foot{font-size:9px;color:#7d9aaa;letter-spacing:1px;margin-top:25px}.home-art{width:100%;aspect-ratio:.82;position:relative}.home-art:before{content:'';position:absolute;inset:13% -5%;border:1px solid #cdb78338;border-radius:50%;box-shadow:0 0 0 20px #92c9ce04,0 0 0 21px #a7c9bd22,0 0 90px #62cfeb22;background:radial-gradient(ellipse,#36809633,transparent 65%)}.home-art .display-card{position:absolute;--unit-w:210px;top:18%;left:24%;transform:rotate(9deg);box-shadow:0 15px 0 #06111d,0 30px 40px #0009,0 0 40px #9dd3d528}.home-art .display-card:first-child{top:10%;left:0;transform:rotate(-12deg);--unit-w:185px;filter:brightness(.85)}.home-art-label{position:absolute;bottom:1%;left:5%;right:0;text-align:center;color:#cab586;font:13px Georgia;letter-spacing:3px}.home-art-label small{display:block;font:10px system-ui;letter-spacing:1px;color:#819eae;margin-top:10px}.bd-section-heading{border-color:#a38b5755}.bd-panel,.bd-manager-item{border-color:#727e775e;background:linear-gradient(145deg,#213b4c,#102232);border-radius:9px}.bd-difficulty{background:#132b3d;border-color:#63778188}.bd-difficulty.selected{background:#2c4350;border-color:#d4b77e;box-shadow:inset 0 0 0 1px #d4b77e55}.bd-home-link{border-color:#63777180;background:#152f40}.bd-add-slot{border-color:#7d8a7e88;background:#102b3a}.bd-note{color:#9db8c7}
/* Responsive composition, iPad landscape first. All card ratios remain unchanged. */
@media(min-width:1500px){:root{--rail-l:174px;--rail-r:144px;--hand-h:190px;--hand-w:112px;--unit-w:clamp(112px,calc((100dvh - 480px)/2.794),145px)}.rv-commander-portrait{max-height:120px}.room-section{width:375px}.room-card{grid-template-rows:72px auto}.room-content p{font-size:12px}.room-content h2{font-size:15px}.unit-name{font-size:12px}.card-inner{grid-template-rows:28px minmax(0,1fr) 27px}.card-traits-row .trait-badge{width:17px;height:17px;min-width:17px}.card-traits-row .trait-badge svg{width:13px;height:13px}.rv-commander-name{font-size:14px}.rv-feed{flex-basis:120px}.feed-item{font-size:11px}}
@media(max-width:1100px) and (min-width:701px){:root{--rail-l:120px;--rail-r:109px;--hand-w:94px;--hand-h:160px;--unit-w:clamp(80px,calc((100dvh - 458px)/2.794),112px)}.app{padding-left:12px;padding-right:12px;grid-template-rows:43px 23px}.brand-title{font-size:17px}.brand-subtitle{font-size:7px}.match-caption{font-size:7px;letter-spacing:2px}.arena-layout{gap:10px}.rv-battlefield{padding:7px 12px 11px}.unit-row{gap:15px;padding:10px 10px 12px}.unit-name{font-size:10px}.room-section{width:min(300px,74%)}.room-card{grid-template-rows:46px auto}.room-content p{font-size:10px}.room-type{display:none}.room-topline{font-size:6px}.room-content h2{font-size:12px}.rv-commander-name{font-size:9px}.rv-commander-overline{font-size:6px}.rv-commander-portrait{max-height:70px}.rv-feed{flex-basis:83px}.player-piles{padding:7px 5px}.pile-visual{height:42px;width:30px}.stack-card,.mini-pile-card{width:27px;height:38px}.pile-action{min-height:93px}.hand-zone{column-gap:10px}.hand-mana-pips{gap:4px}.hand-mana-pips .mana-pip{width:20px;height:20px}.hand-mana-caption{font-size:7px}.footer-tip{font-size:10px}.enemy-strip{margin-left:130px;margin-right:119px}.mana-pips{gap:3px}.mana-pip{width:12px;height:12px}.secret-note{display:none}.tut-coach{padding:7px}.tut-coach h2{font-size:11px}.tut-coach p{font-size:9px}.tut-actions button{font-size:9px}.display-card{--unit-w:210px}.astra-home{gap:30px}.home-art .display-card{--unit-w:170px}.home-art .display-card:first-child{--unit-w:150px}.home-tagline{font-size:14px}}
@media(max-height:720px) and (min-width:701px){:root{--unit-w:76px;--hand-w:79px;--hand-h:135px;--footer-h:56px}.app{grid-template-rows:39px 21px;gap:3px;padding-top:4px}.board{grid-template-rows:23px minmax(0,1fr) var(--hand-h);gap:4px}.room-card{grid-template-rows:35px auto}.room-section{width:300px}.room-content p{font-size:9px}.room-content h2{font-size:11px}.card-inner{grid-template-rows:21px minmax(0,1fr) 20px}.unit-name,.card .card-name{font-size:9px}.unit-cost,.power-pill,.card .card-cost,.card .card-power-badge{width:25px;height:25px;font-size:15px}.rv-commander-portrait{max-height:50px}.rv-commander-sub{display:none}.rv-feed{flex-basis:58px}.rv-battlefield{padding-top:5px;padding-bottom:8px}.level-box{width:38px;height:38px;left:-11px;top:-7px}.level-box strong{font-size:20px}.room-topline{margin-bottom:4px}.unit-row{padding-top:8px;padding-bottom:10px}.footerbar{padding-top:5px;padding-bottom:5px}.footer-buttons .btn{min-height:36px;padding:7px 13px}.hand-mana-caption{display:none}}
@media(max-width:700px){:root{--unit-w:91px;--hand-w:97px;--hand-h:185px;--footer-h:88px;--rail-l:0px;--rail-r:0px}.app{height:auto;min-height:100dvh;overflow:visible;padding:8px 8px calc(var(--footer-h) + 10px);display:flex;flex-direction:column;gap:8px}.topbar{min-height:45px;gap:8px;padding:1px 2px 7px}.brand-title{font-size:16px;letter-spacing:1.2px}.brand-subtitle{font-size:6px;letter-spacing:1.5px}.sigil{width:27px;height:27px;font-size:25px}.match-caption{display:none}.header-actions{gap:4px}.header-actions .btn{padding:6px 8px;font-size:10px;min-height:36px}.more-menu summary{padding:7px 8px}.ribbon{height:27px;padding:0 5px;font-size:10px}.ribbon-metrics{font-size:7px;gap:7px}.ribbon-metrics strong{font-size:9px;margin-left:3px}.board{display:flex;flex-direction:column;gap:8px}.enemy-strip{margin:0;padding:0 6px;height:29px;flex:none}.ai-hand{max-width:29%;top:0}.back-card{width:22px;height:30px}.arena-layout{display:flex;flex-direction:column;gap:8px}.left-tray{display:grid;grid-template-columns:1fr 1fr;gap:8px;order:0}.rv-commander{display:grid;grid-template-columns:37px 1fr;grid-template-rows:15px 25px;gap:0 7px;padding:6px;border-radius:7px}.rv-commander-portrait{grid-column:1;grid-row:1/3;min-height:38px;height:40px}.rv-commander-overline{grid-column:2;font-size:6px;padding:0}.rv-commander-name{display:none}.rv-commander-sub{display:none}.rv-commander-score{grid-column:2;margin:0;padding:0;border:0}.rv-commander-score>span{font-size:6px}.rv-commander-score strong{font-size:19px}.rv-score-dots{left:52px;bottom:4px;font-size:7px}.rv-feed{display:none}.rv-feed.expanded{display:flex}.arena-core{order:1;flex:none;height:495px}.rv-battlefield{border-radius:18px;padding:9px 11px 13px;grid-template-rows:15px minmax(0,1fr) auto auto 15px minmax(0,1fr) auto auto}.unit-row{justify-content:flex-start;gap:17px;padding:13px 10px 15px}.empty-field{font-size:10px}.arena-divider{font-size:7px;letter-spacing:1px}.arena-divider b{font-size:7px}.room-section{width:85%;max-width:310px}.room-card{grid-template-rows:57px auto}.room-content p{font-size:11px}.room-topline{font-size:6px}.room-type{display:none}.room-content h2{font-size:13px}.level-box{width:42px;height:42px;left:-13px}.right-tray{order:2;display:grid;grid-template-columns:1fr 1fr;gap:8px}.player-piles{padding:6px 8px}.player-piles .panel-label{font-size:7px;margin-bottom:5px}.paired-piles{gap:10px}.pile-box{display:flex;gap:5px;align-items:center;justify-content:space-between;min-height:28px}.pile-visual,.pile-box>small{display:none}.pile-title{margin:0;font-size:7px}.pile-count strong{font-size:18px}.hand-zone{height:196px;flex:none;grid-template-columns:1fr;grid-template-rows:24px minmax(0,1fr);gap:0;padding:0}.rv-hand-kicker{grid-row:1;grid-column:1;font-size:7px;justify-content:flex-end;padding-right:7px}.rv-hand-kicker span:first-child{display:none}.rv-hand-kicker span:last-child{font-size:8px}.human-strip{position:absolute;top:4px;left:5px;padding:0;display:block;width:57%;height:20px;z-index:2}.hand-mana-wrap{display:flex;align-items:center;gap:7px}.mana-title-row{margin:0;gap:5px}.mana-title-row .panel-label{font-size:7px}.hand-mana-num{font-size:13px}.hand-mana-pips{gap:3px;flex-wrap:nowrap}.hand-mana-pips .mana-pip{width:12px;height:12px}.hand-mana-caption,.hand-summary-badge{display:none}.hand-scroll{grid-column:1;grid-row:2;gap:16px;padding:15px 14px 17px}.footerbar{height:calc(var(--footer-h) + env(safe-area-inset-bottom));padding:7px 9px calc(7px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;gap:6px}.footer-tip{font-size:9px;gap:7px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-tip b{font-size:8px}.footer-buttons{width:100%;justify-content:flex-end}.footer-buttons .btn{min-width:0;min-height:40px;padding:9px 14px;font-size:11px;flex:1}.tut-coach{grid-column:1/-1;padding:10px;max-height:200px}.tut-coach h2{font-size:13px}.tut-coach p{font-size:11px}.tut-actions{flex-direction:row}.tut-actions button{flex:1;font-size:10px;min-height:36px}.tut-head{margin-bottom:3px}.tut-progress{font-size:9px}.right-tray:has(.tut-coach:not(.hidden)) .pile-action{min-height:28px}.modal{padding:17px;width:calc(100vw - 20px);max-height:calc(100dvh - 22px)}.rv2-zoom-panel{padding:18px}.rv2-zoom-grid{display:flex;flex-direction:column}.display-card{--unit-w:170px}.display-card .card-inner{grid-template-rows:35px minmax(0,1fr) 32px}.display-card .unit-name{font-size:14px}.display-card .unit-cost,.display-card .power-pill{width:38px;height:38px;font-size:24px}.display-card .card-traits-row .trait-badge{width:20px;height:20px;min-width:20px}.display-card .card-traits-row .trait-badge svg{width:15px;height:15px}.rv2-zoom-illustration{margin:7px auto 15px}.rv2-zoom-info .ability-list{max-height:none}.rv2-zoom-info h2{font-size:21px}.room-inspector .room-card{grid-template-rows:110px auto}.bd-page{padding:30px 23px}.astra-home{display:flex;flex-direction:column;gap:25px;min-height:0}.home-copy{width:100%}.home-eyebrow{font-size:8px;margin-bottom:16px}.bd-logo{font-size:70px;text-align:center}.bd-logo span{font-size:27px;letter-spacing:.35em;margin-top:12px}.home-eyebrow,.home-tagline,.home-foot{text-align:center}.bd-version{text-align:center;border:0;margin-top:18px}.home-tagline{font-size:14px;margin:19px auto 0}.home-tagline small{font-size:11px}.bd-stack{margin:25px auto 0}.home-art{display:none}.home-foot{font-size:8px}.bd-btn{font-size:15px;min-height:48px}.bd-cards{grid-template-columns:1fr}.bd-section-heading h1{font-size:25px}.bd-panel{padding:16px}.bd-choice-grid{gap:8px}.bd-difficulty{font-size:15px;padding:12px}.bd-manager-grid{grid-template-columns:1fr}.rv2-quick-targets{bottom:100px;max-width:95vw}.rv2-room-drop{top:65px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#rv3FxLayer,.draw-fx-layer{display:none}}body[data-graphics=low] #rv3FxLayer,body[data-graphics=low] .draw-fx-layer{display:none}body[data-graphics=low] .overlay{backdrop-filter:none;-webkit-backdrop-filter:none}body[data-graphics=low] .unit,body[data-graphics=low] .card{transition:none}
/* Explicit grid placement prevents optional Continuous/skill rows from shifting the battlefield. */
#rvBattlefield>.arena-divider:has(+ #aiField){grid-row:1}
#aiField{grid-row:2}#aiContinuous{grid-row:3}.arena-room-wrap{grid-row:4}
#rvBattlefield>.arena-divider:has(+ #humanField){grid-row:5}
#humanField{grid-row:6}#skillControls{grid-row:7}#humanContinuous{grid-row:8}
.astra-seal{box-shadow:0 0 0 12px #8bd1d403,0 0 0 13px #bfd2c21b,inset 0 0 80px #7ecee209}
@media(min-width:701px){html,body{height:100%;overflow:hidden}.app{height:100dvh}.hand-scroll{padding-top:12px;padding-bottom:14px}.unit-row{padding-top:11px;padding-bottom:13px}}
/* SVG viewBox crops atlas cells without stretching artwork. */
svg.painted-art,svg.commander-art{display:block;width:100%;height:100%;background:none;overflow:hidden}.room-art .art-asset svg.painted-art{height:100%;position:static;top:auto;background:none}.home-art:before{box-shadow:0 0 0 20px #92c9ce03,0 0 0 21px #a7c9bd16,0 0 90px #62cfeb13}

@media(min-width:701px) and (max-width:1100px){.rv-battlefield{grid-template-rows:12px minmax(0,1fr) auto auto 12px minmax(0,1fr) auto auto;gap:1px;padding:7px 11px 8px}.unit-row{padding:9px 10px 10px}.room-card{grid-template-rows:34px auto}.room-topline{position:absolute;left:5px;right:5px;top:-10px;margin:0;font-size:6px}.arena-room-wrap{padding:10px 0 4px}.room-content{padding:4px 8px 5px}.room-content p{font-size:10px;margin:2px 0 3px}.unit .unit-name{font-size:9px}.card .card-name{font-size:9px}.room-section{width:310px;max-width:75%}}
.astra-seal{box-shadow:none;border-color:#9abdae26}.home-art:before{box-shadow:0 0 60px #62cfeb12}


/* PATCH ASTRA12-01: exhausted units rotate 90 degrees like tapped cards. */
.unit.exhausted{
  transform:rotate(90deg);
  transform-origin:center center;
  margin-inline:calc(var(--unit-w) * 0.2);
  z-index:2;
}
.unit.exhausted .ready-pill{background:#c29c6b;box-shadow:0 0 0 1px #5e4e40}
.unit.exhausted.can-attack:hover,
.unit.exhausted.selected,
.unit.exhausted.rv2-targeted{
  transform:rotate(90deg);
}