/* The combat table: one visual hierarchy from the board to the next order. */
.in-game{--bg:#0a1416;--panel:#142224;--line:#33494a;--text:#f1ecdd;--muted:#9bafaa;--gold:#d8bf86;--green:#9bceb2;--red:#e69b8c;--cell:clamp(32px,calc((100dvh - 515px)/11),50px);background:repeating-radial-gradient(circle at 50% 43%,transparent 0 52px,#48786c09 53px 54px),var(--bg)}
.in-game header{height:56px;padding:0 30px;background:#0d1a1d}.in-game .brand{font-size:24px;color:var(--gold)}.in-game .brand-mark{font-size:32px}.in-game .brand small{display:none}.in-game .nav-active:after{display:none}.in-game .build{display:none}.in-game nav{margin-left:auto;gap:24px}.in-game .nav-active{font-size:10px;color:var(--muted)}
.in-game .game-top{max-width:1500px;padding:17px 30px 16px;align-items:center;gap:14px}.in-game .game-top h2{font-size:26px}.in-game .game-top .eyebrow{font-size:8px;letter-spacing:1.8px}.in-game .round-pill{gap:10px;font-size:12px}.in-game .round-pill>span:first-child{padding:6px 14px;border:1px solid #857451;border-radius:4px;text-transform:uppercase;font-size:10px;background:#26251b;color:var(--gold)}.in-game .round-pill button{font-size:12px;padding:7px 14px}.phase-pill{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--green);margin:0 14px}.phase-pill.resolving{color:var(--red)}
.in-game .table{max-width:1500px;grid-template-columns:minmax(225px,1fr) auto minmax(278px,1.1fr);align-items:stretch;gap:30px;padding:0 30px}.in-game .table .side{gap:16px}.in-game .table .panel{border-color:var(--line);background:var(--panel);padding:17px 19px;border-radius:9px;box-shadow:0 5px 0 #0002}.in-game .panel-label{font-size:9px;letter-spacing:1.3px;color:var(--gold);margin-bottom:10px}.in-game .table .battlefield{gap:8px;position:relative}.in-game .battlefield:before,.in-game .battlefield:after{content:'';position:absolute;top:0;bottom:0;left:-16px;width:1px;background:var(--line);opacity:.55}.in-game .battlefield:after{left:auto;right:-16px}
.in-game .commander-banner{padding:8px 13px;gap:10px;min-height:58px;background:#162b25;border-color:#3b544c;box-shadow:none}.in-game .enemy-banner{background:#261e20;border-color:#594045}.in-game .commander-avatar{width:27px;height:33px}.in-game .commander-avatar svg{width:29px;height:31px}.in-game .commander-name{min-width:90px}.in-game .commander-name strong{display:none}.in-game .commander-name span{font:16px Georgia;color:var(--text);margin-top:2px}.in-game .commander-name small{font-size:7px;letter-spacing:1px}.in-game .nexus-vital{min-width:86px}.in-game .nexus-vital label{display:none}.in-game .nexus-vital b{font-size:23px}.in-game .commander-deck{min-width:28px}.in-game .commander-deck small{font-size:7px}.in-game .board-caption{padding-top:2px;letter-spacing:.5px;font-size:8px;color:var(--muted)}
.in-game .board-wrap{padding:6px 10px 10px;background:#172829;border-color:#8d8860;box-shadow:0 0 0 4px #0a1214,0 0 0 5px #334342,0 12px 40px #0004}.in-game .board{gap:4px;padding:0}.in-game .coords{font-size:8px;color:var(--muted);padding:0 0 5px}.in-game .tile{border-radius:3px;border:1px solid #9fc6b017;box-shadow:0 2px 0 #0c191a}.in-game .tile.plain{background-color:#29413b}.in-game .tile.forest{background-color:#274b3c}.in-game .tile.hill{background-color:#504e3b}.in-game .tile.ruin{background-color:#3b4949}.in-game .tile.mountain{background-color:#29393c}.in-game .tile.lava{background-color:#643b32}.in-game .tile.fog{background-color:#182724;filter:none}.in-game .tile .terrain-glyph{font-size:25px;color:#a6c8b345}.in-game .tile.obel:after{font-size:42px;animation:none;text-shadow:none}.in-game .tile.legal{border-color:var(--green);background-image:radial-gradient(circle,#b6dfbd27,transparent)}.in-game .tile.selected{border:2px solid var(--gold)}.in-game .tile.target{border:2px solid var(--red)}.in-game .piece{width:86%;height:86%;border-radius:7px;background:#1b3932;border-color:var(--green);box-shadow:0 3px 3px #0007,inset 0 0 0 3px #ffffff07}.in-game .piece.foe{background:#493132;border-color:var(--red)}.in-game .piece.general{border-color:var(--gold)}.in-game .piece>svg{width:73%;height:73%;margin-top:-4px}.in-game .piece .at,.in-game .piece .pv{font-size:9px;min-width:23px;bottom:-5px}.in-game .arena-motes{opacity:.3}
.in-game .table .inspect-panel{min-height:345px;padding:10px 15px 15px;position:relative}.in-game .inspect-type{position:absolute;top:20px;left:24px;padding:4px 8px;background:#162b25ee;border:1px solid #71998588;border-radius:3px;color:var(--green);font-size:8px;letter-spacing:1px;z-index:1}.in-game .table .inspect-art{height:118px;margin:0 -5px 12px;overflow:hidden;border:1px solid #73826a55;border-radius:4px;background:#1c3330}.in-game .table .inspect-art svg{height:105px}.in-game .table .inspect-art.card-portrait{height:118px;margin:0 -5px 12px}.in-game .table .inspect-title{font-size:22px;min-height:27px;line-height:1.12;margin-bottom:12px}.in-game .table .inspect-text{font-size:12px;line-height:1.5;margin-top:8px}.in-game .unit-stats{display:flex;flex-wrap:wrap;gap:8px;margin:5px 0 0;padding:0}.in-game .unit-stats>span.stat-attack,.in-game .unit-stats>span.stat-health{padding:5px 10px;border-radius:5px;background:#251e17;border-color:#74603c;min-width:92px}.in-game .unit-stats>span.stat-health{background:#251a1f;border-color:#71444f}.in-game .unit-stats b{font-size:26px}.in-game .unit-stats small{font-size:8px;display:inline-block;margin-left:10px;letter-spacing:.4px}.in-game .actions{display:flex;gap:10px;margin-top:15px}.in-game .actions button{flex:1;font-size:11px;padding:7px 5px}.select-general{width:100%;margin-top:15px;font-size:12px}.in-game .inspect-rarity{margin-bottom:10px}.in-game .inspect-panel .small{line-height:1.6}
.objective-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.objective-heading small{font-size:8px;color:var(--muted)}.in-game .objective-row{margin:0;gap:10px}.obel-location{flex:1;padding:6px 8px;color:var(--gold);background:#201e15;border-color:#786c43;font-size:13px}.obel-location.own{color:var(--green);border-color:#668776;background:#1c3028}.obel-location.enemy{color:var(--red);border-color:#966053;background:#35231f}.conquest-progress{display:flex;gap:16px;margin-top:14px}.conquest-progress>div{display:flex;align-items:center;gap:4px;flex:1}.conquest-progress span{font-size:8px;letter-spacing:.7px;color:var(--green);margin-right:6px}.conquest-progress>div:last-child span{color:var(--red)}.conquest-progress i{height:4px;flex:1;background:var(--line)}.conquest-progress i.on{background:var(--gold)}.in-game .table .tide-panel{display:flex;justify-content:space-between;align-items:center;gap:16px}.in-game .tide-panel .panel-label{font-size:8px;margin-bottom:3px}.in-game .tide-panel strong{font:21px Georgia}.in-game .tide-panel span{font-size:11px;color:var(--muted)}
.in-game .control-title{font-size:25px;line-height:1.15;margin:2px 0 15px}.in-game .resource-strip{display:flex;flex-direction:row;gap:12px;padding:0}.in-game .resource-vessel{flex:1;min-width:0;display:flex;padding:10px;gap:7px;border:1px solid color-mix(in srgb,var(--res) 35%,transparent);border-radius:6px;background:#0f1918;box-shadow:none}.in-game .resource-orb{width:27px;height:38px;border:0;background:none;box-shadow:none}.in-game .resource-orb:after{display:none}.in-game .resource-orb svg{width:28px;height:28px}.in-game .resource-vessel>div:last-child{display:flex;flex-direction:column;align-items:flex-start}.in-game .resource-vessel strong{font-size:33px;line-height:1.05;order:-1}.in-game .resource-name{font:9px 'Segoe UI',sans-serif;letter-spacing:1px;text-transform:uppercase}.in-game .resource-vessel small{font-size:8px;white-space:normal;margin-top:4px}.in-game .source-stock{margin:11px 0;font-size:9px}.in-game .commands{padding:13px 0 12px}.in-game .commands i{width:13px;height:13px}.in-game .commands span{font-size:10px;margin-left:auto}.in-game .source-buttons{flex-direction:row;gap:10px;margin:0}.in-game .source-buttons button{flex:1;min-width:0;padding:8px 4px;font-size:11px}.ready-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.ready-row>span{font-size:9px;color:var(--green)}.ready-row button{font-size:11px;padding:5px 8px}
.combat-reading{min-height:166px}.in-game .table .combat-journal{padding:14px 17px}.journal-heading{margin-bottom:9px}.journal-heading button{font-size:10px}.in-game .combat-journal .journal{max-height:none;overflow:visible}.journal-event{border:0;border-radius:0;border-left:1px solid var(--line);display:block;width:100%;padding:7px 0 7px 13px;font-size:11px;line-height:1.5;position:relative;text-align:left;color:var(--muted)}.journal-event:first-child{color:var(--text)}.journal-event:before{content:'';width:5px;height:5px;position:absolute;left:-3px;top:13px;border-radius:50%;background:var(--green)}.journal-event.enemy:before{background:var(--red)}.journal-event:disabled{opacity:1;cursor:default}.journal-event .log-camp{font-size:8px}.combat-reading:has(.attack-forecast:not([hidden])) .combat-journal{display:none}.in-game .attack-forecast{margin:0;border-color:#9e8958;background:var(--panel);padding:17px 19px;min-height:170px}.in-game .attack-forecast .eyebrow{font-size:9px;line-height:1.6}.in-game .forecast-values b{font-size:28px;margin:5px 0}.in-game .forecast-values small{font-size:10px}
.turn-controls{margin-top:auto}.in-game .tactical-hint{font-size:11px;text-align:left;margin:0 0 7px;line-height:1.5}.in-game .board-status{text-align:left;min-height:37px;font-size:11px;line-height:1.5;padding:0;color:var(--muted);max-width:none}.in-game .end-turn{width:100%;margin-top:10px;min-height:45px;font-size:14px;box-shadow:none}.in-game .end-turn kbd{color:#394035;border-color:#736c49;margin-left:14px}.save-note{text-align:center;font-size:8px;letter-spacing:1px;color:var(--muted);margin:9px 0 0}
.in-game .hand-area{max-width:1500px;margin:17px auto 0;padding:10px 30px 0;border-top:1px solid #5e6350;background:#101d20}.in-game .hand-title{font-size:8px;letter-spacing:1.1px;color:var(--gold);margin:0;display:flex;justify-content:space-between;gap:20px}.in-game .hand-title>span:last-child{color:var(--muted);text-align:right}.in-game .hand{gap:12px;padding:14px 5px 7px}.in-game .hand .card{width:166px;min-width:148px;height:142px;max-width:166px;border-radius:7px;padding:5px}.in-game .hand .card-art{height:65px}.in-game .hand .card-copy{padding:5px 4px 0}.in-game .hand .card-name{font-size:14px;min-height:30px;line-height:1.05}.in-game .hand .card-type,.in-game .hand .card-colophon,.in-game .hand .card-edition{display:none}.in-game .hand .card-bottom{min-height:21px;margin:0 4px}.in-game .hand .card-instinct{font-size:7px;letter-spacing:.4px}.in-game .hand .card-stats{gap:3px}.in-game .hand .card-stats b{font-size:10px}.in-game .hand .card-bottom .stat-attack,.in-game .hand .card-bottom .stat-health{padding:0 4px;min-width:25px;line-height:15px;font-size:9px}.in-game .hand .card .pip{width:19px;height:19px;font-size:10px}.in-game .hand .card .card-cost{top:8px;right:8px}.hand-key{position:absolute;top:8px;left:8px;z-index:3;padding:0 4px;border:1px solid #708b7b88;background:#0c171be0;border-radius:3px;font-size:9px;color:var(--muted)}.in-game footer{display:none}.combat-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.combat-settings>button:nth-child(-n+2){grid-column:1/-1;display:flex;justify-content:space-between;padding:16px}.combat-settings b{color:var(--gold);font-weight:500}.calm-motion *,.calm-motion *:before,.calm-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.calm-motion .card:hover,.calm-motion .card:focus-visible,.calm-motion .card.chosen{transform:none}
@media(min-width:1151px){.in-game .game-top{height:24px;padding:0;position:static}.in-game .game-top>div:first-child{position:absolute;top:82px;left:max(30px,calc((100vw - 1440px)/2))}.in-game .game-top h2{font-size:25px}.in-game .round-pill{position:absolute;right:30px;top:13px}.in-game .phase-pill{margin:0 8px}.in-game nav{position:absolute;left:225px;top:12px}.in-game nav .nav-active{display:none}.in-game .table .side.left{padding-top:73px}}
@media(min-width:1151px) and (max-height:820px){.in-game .table .inspect-art.card-portrait,.in-game .table .inspect-art{height:92px}.in-game .table .inspect-panel{min-height:0}.in-game .table .panel{padding:13px 15px}.in-game .table .inspect-panel{padding:8px 13px 12px}.in-game .table .inspect-title{font-size:20px}.in-game .table .inspect-text{font-size:11px}.in-game .tide-panel strong{font-size:18px}.in-game .control-title{font-size:22px;margin-bottom:10px}.in-game .resource-vessel strong{font-size:28px}.in-game .source-stock{margin:7px 0}.ready-row{margin-top:10px;padding-top:9px}.in-game .table .side{gap:12px}.in-game .hand-area{margin-top:12px}}
@media(max-width:1150px) and (min-width:701px){.in-game{--cell:clamp(35px,5.3vw,49px)}.in-game .table{grid-template-columns:auto minmax(230px,1fr);max-width:950px;gap:24px;padding:0 24px}.in-game .table .battlefield{grid-column:1;grid-row:1/3}.in-game .table .side.right{grid-column:2;grid-row:1}.in-game .table .side.left{grid-column:2;grid-row:2;display:flex}.in-game .table .objective-panel,.in-game .table .tide-panel{display:none}.in-game .game-top,.in-game .hand-area{max-width:950px;padding-left:24px;padding-right:24px}.in-game .table .panel{padding:14px}.in-game .table .inspect-art.card-portrait{height:96px}.in-game .table .inspect-panel{min-height:0}.in-game .resource-orb{display:none}.in-game .control-title{font-size:22px}.in-game .commander-deck{display:flex}.in-game .hand{justify-content:flex-start}.in-game .phase-pill{display:none}.in-game .table .battlefield:after{right:-13px}.in-game .table .battlefield:before{display:none}.in-game .board-caption{flex-wrap:wrap}.in-game .hand-title>span:last-child{font-size:7px}}
@media(max-width:700px){.in-game{--cell:calc((100vw - 70px)/9 - 4px)}.in-game header{height:55px;padding:0 16px}.in-game .brand{font-size:20px;gap:7px;letter-spacing:5px}.in-game nav{gap:14px}.in-game nav .nav-active{display:none}.in-game nav button{font-size:10px}.in-game .game-top{padding:16px;align-items:flex-start;flex-wrap:wrap;gap:12px}.in-game .game-top h2{font-size:23px}.in-game .game-top .eyebrow{font-size:7px}.in-game .round-pill{width:100%;max-width:none;justify-content:flex-start;flex-wrap:nowrap;gap:8px}.in-game .round-pill button{font-size:11px;padding:7px 10px}.in-game .round-pill>span:first-child{padding:7px 10px}.in-game .phase-pill{margin-left:auto;margin-right:0;font-size:8px}.in-game .table{display:flex;flex-direction:column;padding:0 16px;gap:18px}.in-game .table .battlefield{order:0;width:100%;gap:10px}.in-game .battlefield:before,.in-game .battlefield:after{display:none}.in-game .table .side.right{order:1;display:flex;width:100%;gap:16px}.in-game .table .side.left{order:2;display:flex;width:100%}.in-game .table .tide-panel,.in-game .table .objective-panel{display:flex}.in-game .table .objective-panel{flex-direction:column;align-items:stretch}.in-game .board-wrap{padding:5px 10px 10px}.in-game .board-caption{font-size:7px;letter-spacing:0;gap:8px}.in-game .commander-banner{padding:7px 10px}.in-game .commander-name span{font-size:15px}.in-game .commander-deck{display:flex}.in-game .commander-name{min-width:95px}.in-game .commander-avatar{width:25px}.in-game .nexus-vital{min-width:67px}.in-game .nexus-vital b{font-size:21px}.in-game .piece .pv,.in-game .piece .at{font-size:8px;min-width:20px;height:14px;line-height:12px}.in-game .piece .at{left:-4px}.in-game .piece .pv{right:-4px}.in-game .table .inspect-panel{min-height:0}.in-game .table .inspect-art.card-portrait{height:150px}.in-game .resource-vessel{padding:12px;gap:14px}.in-game .resource-orb{width:37px}.in-game .resource-orb svg{width:35px;height:35px}.in-game .resource-vessel strong{font-size:35px}.in-game .combat-reading{min-height:0}.in-game .tactical-hint{margin-top:2px}.in-game .board-status{min-height:0}.in-game .end-turn{min-height:48px}.in-game .hand-area{margin-top:20px;padding:12px 16px 16px}.in-game .hand{justify-content:flex-start;padding-top:16px;scroll-snap-type:x proximity}.in-game .hand .card{width:161px;min-width:161px;height:158px;scroll-snap-align:start}.in-game .hand .card-art{height:78px}.in-game .hand .card-name{font-size:15px}.in-game .hand-title>span:last-child{display:none}.in-game .hand-title{font-size:9px}.in-game .arena-motes{inset:0}.in-game .combat-settings{grid-template-columns:1fr}.in-game .combat-settings>button{grid-column:1}.in-game .turn-announcement{left:0;right:0}}
@media(max-width:700px){.in-game #app{display:flex;flex-direction:column}.in-game .game-top{order:0;width:100%}.in-game .table{display:contents}.in-game .table .battlefield{order:1;width:calc(100% - 32px);margin:0 16px}.in-game .hand-area{order:2;width:100%;margin:18px 0}.in-game .table .side.right{order:3;width:calc(100% - 32px);margin:0 16px 18px}.in-game .table .side.left{order:4;width:calc(100% - 32px);margin:0 16px 22px}}
@media(max-width:390px){.in-game .phase-pill{display:none}.in-game .commander-avatar{display:none}.in-game .commander-name{min-width:100px}.in-game .resource-vessel{gap:8px}.in-game .resource-orb{width:26px}.in-game .source-buttons button{font-size:10px}}
:root{--tide:#85c9e6;--ash:#c3a2dc}
.resource-vessel.U{--res:var(--tide)}.resource-vessel.B{--res:var(--ash)}.resource-vessel.C{--res:#d2d8d9}
.pip.U:not(.generic):not(.W):not(.R){color:#b9e8ff;background:#254957;border-color:#85c9e6}
.pip.B:not(.generic):not(.W):not(.R){color:#e6ccff;background:#483252;border-color:#c3a2dc}
.pip.C:not(.generic):not(.W):not(.R){color:#e4eeee;background:#364347;border-color:#bacbd0}
.tile.water{background:#254957}.tile.swamp{background:#3b374b}
.trap-marker{position:absolute;inset:20%;border:1px dashed #dfc687;border-radius:3px;color:#dfc687;font-style:normal;font-size:22px}
.stasis-marker{position:absolute;inset:0;background:#97b5ee44;box-shadow:inset 0 0 12px #aaccff;pointer-events:none}
.power-actions{display:grid;gap:7px;margin-top:12px}.power-actions button{font-size:12px;padding:9px;text-align:left;white-space:normal}
.card-choice{display:grid;gap:6px;font-size:12px;margin-top:12px}.card-choice select{max-width:100%;padding:8px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:5px}
.overload-choice{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:12px}
.general-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.general-choices button{display:grid;gap:7px;text-align:left;white-space:normal;padding:14px}.general-choices small{color:var(--gold)}.general-choices span{color:var(--muted);font-size:11px}
@media(max-width:700px){.general-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}