:root{color-scheme:dark;--ink:#e9f5fb;--mist:#9db5c5;--ocean:#071321;--cyan:#46e3f1;--red:#ff776c;--gold:#f2c56b;--line:rgba(161,224,239,.22)}
*{box-sizing:border-box} html,body{min-width:320px;min-height:100%;margin:0;background:var(--ocean)}
body{color:var(--ink);font-family:Inter,"Segoe UI",system-ui,sans-serif;background:radial-gradient(circle at 15% 0%,#1a405d 0%,transparent 30rem),linear-gradient(145deg,#061321,#09111d 70%)} button{font:inherit}
.command-console{width:min(1350px,100%);margin:0 auto;padding:1rem max(1rem,env(safe-area-inset-right)) 1.2rem max(1rem,env(safe-area-inset-left))}
.command-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.game-title{display:flex;align-items:center;gap:.55rem;font-size:1.1rem;font-weight:900;letter-spacing:.13em;white-space:nowrap}.game-title b{color:var(--cyan)}.game-title small{display:block;margin-top:.05rem;color:#839cab;font-size:.49rem;letter-spacing:.22em}.crest{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:1.15rem;box-shadow:0 0 1.2rem rgba(70,227,241,.4)}
.resource-strip{display:flex;overflow:hidden;border:1px solid var(--line);border-radius:.65rem;background:rgba(3,15,28,.74)}.resource-strip>div{min-width:4.1rem;padding:.36rem .58rem .32rem;border-right:1px solid var(--line)}.resource-strip span,.section-heading span{display:block;color:var(--mist);font-size:.58rem;font-weight:800;letter-spacing:.12em}.resource-strip strong{display:block;margin-top:.2rem;color:var(--cyan);font-family:"Courier New",monospace;font-size:.94rem}.resource-strip button{min-width:3.2rem;border:0;color:#c4f0f4;background:rgba(49,164,184,.14);font-size:.58rem;font-weight:900;letter-spacing:.09em;cursor:pointer}.resource-strip button:hover,.resource-strip button:focus-visible{color:var(--cyan);background:rgba(70,227,241,.15);outline:none}
.map-frame{position:relative;overflow:hidden;border:1px solid rgba(115,215,237,.46);border-radius:1rem;background:#061928;box-shadow:0 0 0 5px rgba(43,149,182,.08),0 1.3rem 4rem rgba(0,0,0,.42),inset 0 0 5rem rgba(34,130,167,.16)}.map-frame:after{position:absolute;z-index:2;inset:0;pointer-events:none;content:"";opacity:.19;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(196,246,255,.05) 4px);mix-blend-mode:screen}#battlefield{display:block;width:100%;height:auto;touch-action:none}
.hud-card{position:absolute;z-index:3;border:1px solid rgba(204,244,250,.23);border-radius:.4rem;padding:.36rem .55rem;color:#c2dce4;background:rgba(3,15,28,.7);font-size:.59rem;font-weight:800;letter-spacing:.08em;backdrop-filter:blur(5px)}.map-key{top:.75rem;left:.75rem;display:flex;align-items:center;gap:.35rem}.theater-label{right:.75rem;bottom:.7rem;max-width:48%;text-align:right}.\33 d-label{left:.75rem;bottom:.7rem;color:#85ced8;font-size:.49rem}.friendly-dot,.enemy-dot{width:.52rem;height:.52rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 .6rem var(--cyan)}.enemy-dot{margin-left:.3rem;background:var(--red);box-shadow:0 0 .6rem var(--red)}
.mission-card,.result-card{position:absolute;z-index:4;left:50%;top:50%;width:min(55rem,calc(100% - 2rem));max-height:calc(100% - 1.6rem);overflow:auto;transform:translate(-50%,-50%);border:1px solid rgba(196,241,249,.35);border-radius:.95rem;padding:1.15rem 1.35rem;text-align:center;background:linear-gradient(145deg,rgba(3,18,33,.96),rgba(11,43,61,.89));box-shadow:0 1rem 3rem rgba(0,0,0,.47),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(12px)}.result-card{width:min(32rem,calc(100% - 2rem));padding:2rem}.eyebrow{margin:0 0 .55rem;color:var(--gold);font-size:.67rem;font-weight:900;letter-spacing:.15em}h1,h2{margin:0;font-family:Georgia,serif;line-height:1.05;letter-spacing:-.035em}h1{font-size:clamp(1.8rem,4.1vw,3rem)}h2{font-size:clamp(1.9rem,4vw,2.65rem)}.mission-card>p:not(.eyebrow):not(.quick-start),.result-card>p:not(.eyebrow){max-width:43rem;margin:.55rem auto .75rem;color:#c5dae2;font-size:.85rem;line-height:1.45}.primary-action{padding:.7rem 1rem;border:1px solid #8deef6;border-radius:.55rem;color:#031825;background:linear-gradient(135deg,#9df6fb,#37c8db);font-weight:850;cursor:pointer;box-shadow:0 0 1.4rem rgba(70,227,241,.28)}.primary-action:hover,.primary-action:focus-visible{outline:2px solid white;outline-offset:3px;transform:translateY(-1px)}.quick-start{margin:.75rem 0 0;color:var(--mist);font-size:.68rem;line-height:1.55}kbd{display:inline-block;min-width:1.25rem;padding:.03rem .2rem;border:1px solid rgba(213,243,247,.42);border-bottom-width:2px;border-radius:.2rem;color:var(--ink);font-family:inherit}
.faction-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.48rem;margin:.7rem 0}.faction-choice{position:relative;min-height:5.25rem;overflow:hidden;padding:.58rem .65rem;border:1px solid rgba(170,226,235,.27);border-radius:.55rem;color:var(--ink);background:linear-gradient(135deg,#0a263d,#061421);text-align:left;cursor:pointer}.faction-choice:before{position:absolute;inset:0;content:"";opacity:.5;background:radial-gradient(circle at 92% 20%,var(--faction-color),transparent 28%),linear-gradient(90deg,rgba(5,18,32,.2),rgba(5,18,32,.78))}.faction-choice>*{position:relative;z-index:1;display:block}.faction-choice:hover,.faction-choice:focus-visible,.faction-choice.is-picked{border-color:var(--faction-color);outline:none;box-shadow:inset 0 0 1.5rem color-mix(in srgb,var(--faction-color) 20%,transparent)}.faction-choice strong{font-size:.82rem}.faction-choice small{margin-top:.14rem;color:#c1dce4;font-size:.6rem}.faction-choice b{margin-top:.36rem;color:var(--faction-color);font-size:.55rem;letter-spacing:.07em}.matchup{margin:.15rem 0 .7rem;padding:.45rem .65rem;border:1px solid rgba(183,227,234,.18);border-radius:.45rem;color:#c4e1e7;background:rgba(0,10,19,.44);font-size:.72rem;line-height:1.35}
.tactical-bar{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;margin:.85rem 0;padding:.62rem .72rem;border:1px solid var(--line);border-radius:.72rem;background:rgba(5,25,42,.7)}.order-group{display:flex;gap:.4rem}.order-button,.pause-button{min-height:2.2rem;border:1px solid rgba(160,214,227,.32);border-radius:.42rem;color:#d9edf2;background:rgba(22,70,94,.55);cursor:pointer;font-size:.76rem;font-weight:700}.order-button{padding:0 .55rem}.order-button b{margin-right:.16rem;color:var(--gold)}.order-button:hover,.order-button:focus-visible,.order-button.is-current{border-color:var(--cyan);color:var(--cyan);outline:none;background:rgba(31,144,164,.25)}.pause-button{min-width:4.8rem}.pause-button:disabled{opacity:.45;cursor:not-allowed}#orderReadout{margin:0;color:#c2d7df;font-size:.8rem}
.force-deck{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);gap:.85rem}.deck-column{padding:.78rem;border:1px solid var(--line);border-radius:.72rem;background:rgba(5,25,42,.58)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}.section-heading small{color:#83a1af;font-family:"Courier New",monospace;font-size:.65rem;letter-spacing:.07em}.unit-cards{display:flex;gap:.45rem;min-height:5.4rem;overflow-x:auto;padding-bottom:.08rem}.unit-card{flex:0 0 11rem;position:relative;min-height:5.15rem;overflow:hidden;padding:.52rem .55rem .52rem 4.9rem;border:1px solid rgba(148,204,216,.27);border-radius:.46rem;color:#e3f5f8;background:linear-gradient(120deg,rgba(22,73,98,.85),rgba(7,29,48,.9));text-align:left;cursor:pointer}.unit-art{position:absolute;z-index:0;left:0;top:0;width:4.5rem;height:100%;object-fit:cover;opacity:.78;mix-blend-mode:screen}.unit-card:after{position:absolute;left:3.8rem;top:0;bottom:0;width:2rem;content:"";background:linear-gradient(90deg,rgba(7,29,48,0),rgba(7,29,48,.8))}.unit-card:before{position:absolute;right:-.65rem;top:-1.4rem;width:4.6rem;height:4.6rem;border:1px solid var(--unit-color);border-radius:50%;content:"";opacity:.38}.unit-card:hover,.unit-card:focus-visible,.unit-card.is-selected{border-color:var(--cyan);outline:none;box-shadow:inset 0 0 1rem rgba(70,227,241,.15)}.card-name,.card-role,.card-class{position:relative;z-index:1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-name{font-size:.76rem;font-weight:850}.card-role{margin-top:.13rem;color:#9bc2cd;font-size:.61rem;letter-spacing:.07em}.card-class{margin-top:.13rem;color:#f2d889;font-size:.57rem;letter-spacing:.06em}.health-track{position:relative;z-index:1;height:.28rem;margin-top:.5rem;overflow:hidden;border-radius:999px;background:rgba(1,10,17,.65)}.health-fill{height:100%;background:linear-gradient(90deg,#3bdae9,#94f2c6)}.build-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.build-button{min-height:4.1rem;padding:.48rem .55rem;border:1px solid rgba(193,216,167,.3);border-radius:.48rem;color:#e9f3dd;background:linear-gradient(135deg,rgba(56,85,65,.58),rgba(17,44,45,.72));text-align:left;cursor:pointer}.build-button span,.build-button b,.build-button small{display:block}.build-button span{font-size:.65rem;font-weight:850;line-height:1.17}.build-button b{margin-top:.16rem;color:#e9ce84;font-size:.66rem}.build-button small{margin-top:.12rem;color:#b7c8ba;font-size:.58rem}.build-button:hover,.build-button:focus-visible{border-color:#dde992;outline:none}.build-button:disabled{cursor:not-allowed;opacity:.45}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:780px){.command-console{padding-top:max(.75rem,env(safe-area-inset-top))}.command-header{display:grid;grid-template-columns:1fr;gap:.45rem}.game-title{font-size:.77rem}.crest{width:1.45rem;height:1.45rem;font-size:.9rem}.resource-strip{width:100%}.resource-strip>div{flex:1;min-width:0;padding:.33rem .28rem}.resource-strip span{font-size:.43rem}.resource-strip strong{font-size:.67rem}.resource-strip button{min-width:2.5rem;padding:0 .2rem;font-size:.45rem}.map-frame{border-radius:.75rem}.map-key{top:.5rem;left:.5rem;font-size:.44rem}.theater-label{right:.5rem;bottom:.5rem;font-size:.43rem}.\33 d-label{left:.5rem;bottom:.5rem;font-size:.39rem}.mission-card,.result-card{width:calc(100% - 1rem);padding:1rem;border-radius:.75rem}.mission-card>p:not(.eyebrow):not(.quick-start){font-size:.72rem}.faction-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin:.55rem 0}.faction-choice{min-height:4.45rem;padding:.4rem}.faction-choice strong{font-size:.67rem}.faction-choice small{font-size:.51rem}.faction-choice b{font-size:.46rem}.quick-start{display:none}.tactical-bar{grid-template-columns:1fr auto;gap:.52rem}.order-group{grid-column:1/-1}.order-button{flex:1;font-size:.69rem;padding:0 .3rem}#orderReadout{font-size:.66rem;line-height:1.3}.pause-button{min-width:4.1rem}.force-deck{grid-template-columns:minmax(0,1fr)}.build-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.unit-card{flex-basis:9.8rem;min-height:4.8rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}