/* Duel presentation: the two camps face one another across the board. */
:root{--health:#ff96a7;--attack:#ffc16b;--cell:clamp(35px,4.3vh,47px)}
body{background:radial-gradient(ellipse at 50% 30%,#293b2c88,transparent 60%),#0b1210}
header{height:64px}.game-top{padding:15px 30px 13px}.game-top h2{font-size:24px}
.table{grid-template-columns:minmax(210px,1fr) auto minmax(245px,1fr);gap:25px;max-width:1420px}
.table .side{display:flex;flex-direction:column;gap:14px}.table .panel{margin:0;padding:19px;border-color:#3b4839;background:linear-gradient(135deg,#202b21e8,#131e18)}
.table .inspect-panel{min-height:270px}.table .inspect-art{display:grid;height:90px}.table .inspect-art svg{height:85px}.table .inspect-text{font-size:12px}.table .inspect-title{font-size:22px}.table .hint-step{margin:17px 0}.table .hint-step span{font-size:12px}.table .journal-panel{display:block}.table .tide-panel{display:block}.table .terrain-panel{display:none}
.battlefield{gap:9px}.commander-banner{width:100%;display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #60765c;background:linear-gradient(100deg,#263d2d,#14231bd9);border-radius:7px;position:relative;box-shadow:0 5px 20px #0003}.enemy-banner{background:linear-gradient(100deg,#392b27,#251b18dd);border-color:#735347}.commander-avatar{width:37px;height:43px;display:grid;place-items:center;color:#b6d2a2}.commander-avatar svg{width:37px;height:37px}.enemy-banner .commander-avatar{color:#d9a88b}.commander-name{display:flex;flex-direction:column;min-width:110px}.commander-name small{font-size:8px;letter-spacing:1.3px;color:#afc59e}.enemy-banner small{color:#d2a190}.commander-name strong{font:18px Georgia}.commander-name span{font-size:10px;color:#b3bba8}.nexus-vital{margin-left:auto;min-width:78px}.nexus-vital>span{color:var(--health);font-size:16px}.nexus-vital b{font-size:25px}.nexus-vital small{font-size:11px;color:#ad9d9f}.nexus-vital label{display:block;font-size:7px;letter-spacing:1px;color:#d7a8af}.nexus-vital i{display:block;height:3px;margin-top:3px;background:#48343a}.nexus-vital em{display:block;height:100%;background:var(--health)}.commander-deck{display:flex;flex-direction:column;text-align:center;min-width:34px}.commander-deck b{font-size:16px;color:#dfd8bd}.commander-deck small{font-size:7px;letter-spacing:.5px;color:#a8ad9c}
.board-wrap{border-color:#7c7955;box-shadow:0 0 0 4px #0e1712,0 0 0 5px #3b4737,0 15px 55px #0008,0 0 70px #8ba85f12;padding:9px 13px;overflow:visible}.board{gap:4px}.tile{isolation:auto}.tile:before{z-index:0;pointer-events:none}.tile .terrain-glyph{z-index:0}.tile.obel:after{z-index:0;pointer-events:none;animation:obel-pulse 3s ease-in-out infinite}.piece{z-index:1;width:88%;height:88%;border-width:1px;border-radius:6px;box-shadow:0 3px 5px #0009,inset 0 0 10px #c1e29020}.piece>svg{width:65%;height:65%;margin-top:-6px}.piece.general{box-shadow:0 0 14px #dbcf6545,inset 0 0 8px #d5bd8030}.piece .pv,.piece.foe .pv{background:#472333;color:#ffd3dc;border:1px solid #e78a9b;right:-4px;bottom:-4px;border-radius:9px;min-width:24px;height:16px;font:bold 10px/14px 'Segoe UI',sans-serif;padding:0 2px;box-shadow:0 2px 4px #0008}.piece .at{background:#49301b;color:#ffe0a4;border:1px solid #d7a553;left:-4px;bottom:-4px;border-radius:2px;min-width:23px;height:16px;font:bold 10px/14px 'Segoe UI',sans-serif;padding:0 2px;box-shadow:0 2px 4px #0008}.piece .facing{top:-9px}.tile.selected{z-index:4;box-shadow:0 0 20px #e8d58455}.tile.legal{animation:legal-pulse 1.8s ease-in-out infinite}.tile.target{box-shadow:inset 0 0 15px #e3634530}.board-caption{font-size:8px;gap:12px;margin:0;max-width:480px}.board-caption span:last-child{text-align:right}.board-status{padding:3px 0;min-height:26px;margin:0;font-size:11px}
.resource-strip{display:flex;flex-direction:column;gap:10px;padding:0;border:0;background:none;align-items:stretch}.resource-vessel{--res:#8be7a2;display:flex;gap:16px;align-items:center;padding:14px 16px;border:1px solid #568868;border-radius:8px;background:radial-gradient(ellipse at 10% 50%,#39855255,transparent),linear-gradient(110deg,#1e3a29,#15241b);position:relative;overflow:hidden}.resource-vessel.W{--res:#ffe6a1;border-color:#a08850;background:radial-gradient(ellipse at 10% 50%,#9e803d55,transparent),linear-gradient(110deg,#3a3421,#242216)}.resource-vessel.R{--res:#ffac75;border-color:#a06847;background:linear-gradient(110deg,#4c2f21,#251911)}.resource-orb{height:51px;width:51px;flex-shrink:0;border:1px solid var(--res);border-radius:50%;display:grid;place-items:center;color:var(--res);box-shadow:0 0 21px color-mix(in srgb,var(--res) 18%,transparent),inset 0 0 15px #ffffff12;position:relative}.resource-orb:after{content:'';position:absolute;inset:-6px;border:1px dashed var(--res);border-radius:50%;opacity:.35;animation:orbit 30s linear infinite}.resource-orb svg{width:33px;height:33px}.resource-vessel>div:last-child{flex:1;display:grid;grid-template-columns:1fr auto;align-items:center}.resource-name{font:21px Georgia;color:var(--res)}.resource-vessel strong{font-size:37px;line-height:1.1;color:var(--res);font-weight:600}.resource-vessel small{font-size:10px;color:#b4bfaa;grid-column:1/-1}.source-stock{display:flex;justify-content:space-between;font-size:10px;color:#b4bfaa;margin:13px 0}.source-stock b{color:#e2d6b4;font-weight:500}.commands{padding:13px 0;border-top:1px solid var(--line);margin:0}.commands i{width:16px;height:16px;margin-right:2px}.commands span{font-size:11px;color:#d2c6a2}.source-buttons{flex-direction:column;margin-top:0}.source-buttons button{font-size:12px;padding:9px;border-color:#56614a}.end-turn{font-size:14px;box-shadow:0 4px 16px #0005;padding:13px!important}.stat-attack{color:var(--attack)!important;background:#50351e;border:1px solid #947041;border-radius:3px}.stat-health{color:var(--health)!important;background:#492835;border:1px solid #986074;border-radius:12px}.unit-stats{gap:8px;align-items:center;border:0;padding:4px 0}.unit-stats>span.stat-attack,.unit-stats>span.stat-health{padding:7px 12px;font-size:15px;flex:1}.unit-stats b{font-size:23px}.unit-stats small{display:block;font-size:8px;letter-spacing:1.2px}.card-bottom b{display:flex;gap:5px}.card-bottom .stat-attack,.card-bottom .stat-health{padding:1px 5px;font-weight:700}.hand-area{padding-top:12px}.hand-title{color:#b0bda7}.hand{justify-content:center;padding-top:12px;gap:12px}.card{height:170px;min-width:149px;max-width:174px;box-shadow:0 7px 16px #0005}.card-art{height:70px}.card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:0 10px 30px #0009}.card.chosen{transform:translateY(-7px)}.card.unaffordable{opacity:.64}.pip{font-style:normal;width:20px;height:20px;font-size:12px}.pip.W{color:#fff0ac;background:#635022;border-color:#d2b766}.pip:not(.W):not(.R):not(.generic){background:#1c5839;color:#9bf4b7;border-color:#7bcd97}.busy{opacity:1;pointer-events:none}.busy .end-turn{background:#5c5840;color:#eee1ba}.inspect-panel .panel-label{color:#c5ba92}.arena-motes{position:absolute;inset:-20px;pointer-events:none;overflow:hidden}.arena-motes i{position:absolute;bottom:5%;width:3px;height:3px;background:#e9da86;border-radius:50%;box-shadow:0 0 9px #e9da86;opacity:0;animation:mote-rise 7s linear infinite}.arena-motes i:nth-child(2){left:20%;animation-delay:-2s}.arena-motes i:nth-child(3){left:95%;animation-delay:-4s}.arena-motes i:nth-child(4){left:70%;animation-delay:-6s}.arena-motes i:nth-child(5){left:8%;animation-delay:-3s}.arena-motes i:nth-child(6){left:90%;animation-delay:-1s}.combat-float{position:absolute;z-index:40;top:-4px;left:0;right:0;pointer-events:none;font:bold 24px Georgia;color:#ffb9c5;text-shadow:0 2px 3px #000,0 0 10px #dd456a}.combat-float.heal{color:#a4ffc3;text-shadow:0 0 10px #4bd780}.departing-piece{position:absolute;inset:4px;pointer-events:none;z-index:30}.turn-announcement{position:absolute;top:40%;left:-20px;right:-20px;background:linear-gradient(90deg,transparent,#15281df5 15%,#15281df5 85%,transparent);border-block:1px solid #ceb66a;padding:20px;text-align:center;z-index:50;pointer-events:none;box-shadow:0 0 40px #0007}.turn-announcement small{display:block;letter-spacing:4px;font-size:10px;color:var(--gold)}.turn-announcement strong{font:27px Georgia;color:#fff2c8}.summon-flash{animation:summon-ring .55s ease-out}.impact-flash{animation:impact .4s ease-out}.healing-flash{animation:heal .5s ease-out}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes mote-rise{10%{opacity:.6}80%{opacity:.15}to{transform:translate(12px,-500px);opacity:0}}@keyframes obel-pulse{50%{filter:brightness(1.5);text-shadow:0 0 20px #ffe69988}}@keyframes legal-pulse{50%{box-shadow:inset 0 0 10px #c3ef9860}}@keyframes summon-ring{0%{box-shadow:0 0 0 0 #b5ffc7,0 0 30px #a1f9b9}100%{box-shadow:0 0 0 18px #b5ffc700}}@keyframes impact{0%{background:#d8946e;box-shadow:0 0 30px #ef8268}100%{box-shadow:none}}@keyframes heal{0%{box-shadow:0 0 30px #98eeb1;filter:brightness(2)}100%{filter:brightness(1)}}
@media(max-width:1100px){.table{grid-template-columns:200px auto 225px;gap:16px;padding:0 18px}:root{--cell:37px}.table .panel{padding:14px}.commander-banner{gap:7px;padding:8px}.commander-name{min-width:90px}.commander-name strong{font-size:16px}.commander-deck{min-width:28px}.resource-vessel{gap:12px;padding:12px}.resource-vessel strong{font-size:32px}.resource-orb{width:43px;height:43px}.resource-name{font-size:19px}}
@media(max-width:850px){.table{display:grid;grid-template-columns:1fr 225px;max-width:740px}.table .side.left{grid-column:2;grid-row:2;display:flex}.table .battlefield{grid-column:1;grid-row:1/3}.table .side.right{grid-column:2;grid-row:1}.table .objective-panel,.table .tide-panel,.table .journal-panel{display:none}.table .inspect-panel{min-height:0}.table .inspect-art{height:50px}.table .inspect-art svg{height:50px}.table .inspect-title{font-size:18px}.table .hint-step{margin:10px 0}.table .hint-step span{font-size:10px}.hand{justify-content:flex-start}.table .panel{padding:12px}.commander-deck{display:none}:root{--cell:clamp(31px,4.9vw,42px)}}
@media(max-width:560px){:root{--cell:calc((100vw - 63px)/9 - 4px)}.table{display:flex;flex-direction:column;padding:0 12px;gap:14px}.table .battlefield{order:0;width:100%}.table .side.right{order:1;width:100%;display:block}.table .side.left{order:2;width:100%}.board-wrap{padding:9px 12px}.commander-banner{width:100%}.commander-deck{display:flex}.commander-name{min-width:90px}.resource-strip{flex-direction:row;gap:9px}.resource-vessel{flex:1;min-width:0;gap:8px;padding:10px}.resource-orb{width:31px;height:31px}.resource-orb svg{width:23px;height:23px}.resource-vessel strong{font-size:26px}.resource-name{font-size:16px}.resource-vessel small{font-size:8px}.source-buttons{flex-direction:row}.source-buttons button{font-size:10px}.table .inspect-panel{min-height:0}.table .inspect-art{display:none}.table .hint-step{margin:10px 0}.piece .pv,.piece.foe .pv,.piece .at{font-size:8px;height:14px;line-height:12px;min-width:19px}.hand-area{padding:12px}.commander-avatar{width:30px}.commander-avatar svg{width:28px}.nexus-vital b{font-size:22px}.board-caption{font-size:7px;letter-spacing:.6px}.build{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.arena-motes{display:none}}

/* Combat chronicle and tactical reading */
.piece-status{position:absolute;top:-3px;right:-3px;font-size:9px;line-height:12px;color:var(--gold);background:#17251cee;border-radius:3px;padding:0 2px}.piece-status:empty{display:none}
@media(max-width:560px){.arena-motes{inset:0}}
.journal-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.journal-heading .panel-label{margin:0}.journal-heading button{font-size:11px;padding:4px 7px}.combat-journal .journal{max-height:180px}.log-camp{font-size:9px;color:var(--green)}.log-camp.enemy{color:var(--health)}.tactical-hint{font-size:11px;color:var(--gold);text-align:center;max-width:500px;margin:8px 0 0}.attack-forecast{width:100%;padding:14px 18px;border:1px solid var(--gold);border-radius:8px;background:#253021;margin-top:10px}.attack-forecast[hidden]{display:none}.forecast-values{display:flex;gap:22px;margin-top:10px}.forecast-values>span{flex:1;font-size:10px;color:var(--muted)}.forecast-values b{display:block;font-size:22px;color:var(--health)}.forecast-values small{display:block;margin-top:4px;color:var(--text)}.forecast-values>span:last-child b{color:var(--attack)}.tile.history-mark{outline:3px solid var(--gold);outline-offset:2px;box-shadow:0 0 30px #ffe399;z-index:4}.history-modal{max-width:960px}.history-intro{color:var(--muted);font-size:13px;margin-top:8px}.history-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.history-stats>div{background:linear-gradient(120deg,#264330,#192c20);border:1px solid #436e50;border-radius:8px;padding:15px 20px;display:flex;flex-direction:column;color:var(--green)}.history-stats>.enemy{background:linear-gradient(120deg,#422c28,#2c211e);border-color:#6e4942;color:var(--health)}.history-stats small{font-size:9px;letter-spacing:2px}.history-stats strong{font-size:30px;line-height:1.4}.history-stats strong span{font-weight:400;font-size:13px}.history-stats>div>span{font-size:11px;color:var(--muted)}.history-filters{display:flex;gap:12px}.history-filters label{display:flex;flex:1;flex-direction:column;gap:5px;font-size:10px;color:var(--muted)}.history-filters select{font:12px 'Segoe UI',sans-serif;padding:9px;color:var(--text);background:#1c2b21;border:1px solid #43523e;border-radius:5px;min-width:0}.history-count{font-size:10px;color:var(--muted);margin:16px 0 8px}.history-list{display:grid;gap:6px;min-height:100px}.history-entry{display:grid;grid-template-columns:90px 1fr 48px;gap:15px;align-items:center;text-align:left;border-left:3px solid var(--gold);background:#111e16;padding:11px 13px;font-size:12px}.history-entry.ally{border-left-color:var(--green)}.history-entry.enemy{border-left-color:var(--health)}.history-entry:disabled{opacity:1;cursor:default}.history-turn{font-size:13px;color:var(--gold)}.history-turn small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.history-location{color:var(--gold);font-size:10px;text-align:right}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.history-pagination span{font-size:11px;color:var(--muted)}.history-pagination button{font-size:11px}.history-empty{padding:28px 15px;color:var(--muted);font-size:13px}
@media(max-width:850px){.game-top{gap:12px;align-items:flex-start}.round-pill{flex-wrap:wrap;justify-content:flex-end;gap:7px}.round-pill button{padding:6px 8px;font-size:11px}.combat-journal{display:block!important}}
@media(max-width:560px){.game-top h2{font-size:20px}.game-top .eyebrow{font-size:7px}.round-pill{max-width:190px}.history-filters{flex-wrap:wrap}.history-filters label{flex-basis:40%}.history-entry{grid-template-columns:61px 1fr;gap:8px;font-size:11px;padding:10px}.history-location{display:none}.history-stats>div{padding:12px}.history-stats strong{font-size:25px}.history-pagination{gap:6px}.history-pagination button{padding:6px;font-size:10px}.history-modal .modal-head h2{font-size:23px}}