:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ddc38d;font-synthesis:none;--gold:#c89a4f;--gold-bright:#e0bc76;--cyan:#60ceff;--red:#ff6d57;--ink:#030a0ef0;background:#020508;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-shell{isolation:isolate;background:#020609;width:100%;min-width:720px;height:100%;min-height:500px;position:relative;overflow:hidden}.battle-layer{transition:filter .5s;position:absolute;inset:0}#app:not([data-art=ready]) .battle-layer{visibility:hidden}#app[data-screen=briefing] .battle-layer{filter:saturate(.55)brightness(.5)blur(1.5px)}#battlefield{cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.chapter-hud{z-index:2;text-transform:uppercase;letter-spacing:.065em;text-shadow:0 2px 8px #000;position:absolute;top:2.2%;left:2.6%}.chapter-title{font-variant:small-caps;border-bottom:1px solid #c89a4fa6;padding-bottom:.48rem;font-size:clamp(1rem,1.45vw,1.55rem)}.chapter-title i{vertical-align:middle;background:var(--gold);width:1.7rem;height:1px;margin:0 .35rem .35rem;display:inline-block}.objective{color:#e4c991;margin-top:.58rem;font-size:clamp(.8rem,1.15vw,1.18rem)}.objective span{color:var(--gold-bright);margin-right:.5rem;display:inline-block;transform:rotate(45deg)}.objective-progress{color:#78999e;letter-spacing:.11em;margin-top:.38rem;font-size:clamp(.5rem,.62vw,.64rem);display:block}.objective-progress[data-stage=open]{color:#7edbcf}.objective-progress[data-stage=seized]{color:#80e5f4}.phase-hud{z-index:2;text-align:center;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;background:linear-gradient(90deg,#0000,#02080be0 22% 78%,#0000);grid-template-columns:auto auto auto;align-items:center;gap:.7rem;padding:.1rem 1.5rem .35rem;display:grid;position:absolute;top:2.1%;left:50%;transform:translate(-50%)}.phase-hud strong{color:#e3c895;font-size:clamp(1.15rem,1.8vw,1.9rem);font-weight:500}.phase-hud small{color:#dbc08b9e;letter-spacing:.23em;grid-column:2;margin-top:-.42rem;font-size:.65rem}.flourish{color:#c69143b3}.triangle-panel{z-index:2;aspect-ratio:1.28;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);background:#020a0ed1;border:1px solid #ce9e4eb8;width:clamp(150px,13.4vw,225px);padding:.7rem;position:absolute;top:2.2%;right:2.4%;box-shadow:inset 0 0 22px #000000b3,0 4px 20px #00000080}.triangle-title{text-align:center;letter-spacing:.08em;color:#dfc48e;font-size:clamp(.65rem,.8vw,.85rem)}.triangle-diagram{height:calc(100% - 1.1rem);position:relative}.triangle-diagram>span{background:#08171beb;border:1px solid;place-items:center;width:2rem;height:2rem;font-size:1.25rem;display:grid;position:absolute;transform:rotate(45deg)}.triangle-diagram small{text-align:center;width:3.2rem;font-size:.58rem;position:absolute;transform:translateY(2rem)rotate(-45deg)}.triangle-diagram .sword{color:#5bbce7;top:10%;left:calc(50% - 1rem)}.triangle-diagram .lance{color:#83bd89;bottom:7%;left:14%}.triangle-diagram .axe{color:#dd765f;bottom:7%;right:14%}.triangle-diagram .arrow{color:#d7bd89;font-size:1.35rem;font-style:normal;position:absolute}.triangle-diagram .a{top:40%;right:25%;transform:rotate(65deg)}.triangle-diagram .b{bottom:4%;right:49%;transform:rotate(180deg)}.triangle-diagram .c{top:40%;left:25%;transform:rotate(-65deg)}.selected-panel{z-index:3;text-transform:uppercase;letter-spacing:.08em;background:#030c11e6;border:1px solid #d3a453bf;min-width:205px;padding:.62rem 1.1rem;position:absolute;top:37%;left:20%;box-shadow:0 8px 22px #0000008c,inset 0 0 14px #236b8f26}.selected-panel .weapon-icon{color:#e7c77e;margin-right:.65rem;font-size:1.3rem}.selected-panel strong{color:#e9d4a7}.selected-panel span:last-child{color:#b99e70;font-size:.85rem}.command-menu{z-index:4;border:1px solid var(--gold);background:#020b10f5;width:150px;position:absolute;top:44%;left:34%;box-shadow:0 12px 34px #000,inset 0 0 18px #217ca11f}.command-menu button{color:#dec796;text-align:left;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b98f4c40;grid-template-columns:1.3rem 1fr auto;align-items:center;gap:.45rem;width:100%;padding:.62rem .75rem;display:grid}.command-menu button:hover,.command-menu button:focus-visible{color:#fff0ca;background:linear-gradient(90deg,#2989bda6,#1f5d7d2e);outline:none}.command-menu button:disabled{opacity:.32;cursor:not-allowed}kbd{color:#e1cb9fb3;background:#00000059;border:1px solid #ddc28b59;border-radius:2px;padding:.08rem .25rem;font:.55rem ui-monospace,monospace}.event-message{z-index:3;color:#cdb98f;text-align:center;letter-spacing:.04em;background:linear-gradient(90deg,#0000,#01090de6 17% 83%,#0000);border-top:1px solid #c3964c61;border-bottom:1px solid #c3964c33;width:min(560px,42vw);min-height:38px;padding:.65rem 1.2rem;font-size:clamp(.68rem,.92vw,.92rem);position:absolute;bottom:20.5%;left:50%;transform:translate(-50%)}.event-message[data-tone=good]{color:#a4ebdf}.event-message[data-tone=danger]{color:#f0a18e}.combat-aftermath{z-index:4;color:#f2d38e;text-align:center;text-shadow:0 0 11px #ffbe4d8c;pointer-events:none;background:linear-gradient(90deg,#0000,#030c10eb 25% 75%,#0000);border-top:1px solid #eabc62ad;border-bottom:1px solid #eabc6257;min-width:118px;padding:.35rem .7rem;display:grid;position:absolute;transform:translate(-50%,-50%)}.combat-aftermath b{letter-spacing:.09em;font-size:.72rem}.combat-aftermath small{color:#f08772;letter-spacing:.07em;margin-top:.18rem;font-size:.53rem}.terrain-readout{z-index:3;text-transform:uppercase;background:linear-gradient(90deg,#020a0e66,#020a0eeb);border-top:1px solid #c7974b7a;border-bottom:1px solid #c7974b47;align-items:center;gap:.7rem;min-width:172px;padding:.55rem .85rem;display:flex;position:absolute;bottom:17.5%;right:3.1%}.terrain-readout>span{color:#70cce8;font-size:1.45rem}.terrain-readout div{display:grid}.terrain-readout b{color:#ddc38c;letter-spacing:.08em;font-size:.7rem}.terrain-readout small{color:#7f9da4;letter-spacing:.06em;margin-top:.15rem;font-size:.56rem}.terrain-readout em{color:#71d7ef;letter-spacing:.09em;margin-top:.12rem;font-size:.53rem;font-style:normal}.danger-legend{z-index:4;text-transform:uppercase;pointer-events:none;background:linear-gradient(90deg,#1c08098c,#120507f0);border-top:1px solid #ee6954a6;border-bottom:1px solid #ee695457;align-items:center;gap:.72rem;min-width:178px;padding:.58rem .9rem;display:flex;position:absolute;top:22%;right:2.7%;box-shadow:inset 0 0 22px #ca392a17}.danger-legend>span{color:#f29a84;border:1px solid #ef7864;place-items:center;width:1.35rem;height:1.35rem;font:700 .78rem Georgia,serif;display:grid;transform:rotate(45deg)}.danger-legend>span i{font-style:normal;display:inline-block;transform:rotate(-45deg)}.danger-legend div{display:grid}.danger-legend b{color:#ef8e79;letter-spacing:.1em;font-size:.67rem}.danger-legend small{color:#9e7774;letter-spacing:.06em;margin-top:.15rem;font-size:.54rem}.forecast-panel{z-index:4;pointer-events:none;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);background:#020a0ef2;border:1px solid #d09f4fc2;width:330px;padding:.8rem 1rem;position:absolute;top:32%;right:17%;box-shadow:0 15px 35px #000000a6,inset 0 0 20px #23708e1f}.forecast-combatants{text-transform:uppercase;border-bottom:1px solid #c99a4e4d;grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem;padding-bottom:.55rem;display:grid}.forecast-combatants section{gap:.45rem;display:grid}.forecast-combatants section[data-side=defender]{text-align:right}.forecast-unit{align-items:center;gap:.45rem;display:flex}.forecast-combatants section[data-side=defender] .forecast-unit{flex-direction:row-reverse}.forecast-unit>i{color:#73d8fa;font-size:1.25rem;font-style:normal}.forecast-combatants section[data-side=defender] .forecast-unit>i{color:#ef806c}.forecast-unit span{display:grid}.forecast-unit b{color:#dfc58f;font-size:.65rem}.forecast-unit small,.forecast-hp small{color:#758e94;letter-spacing:.08em;font-size:.48rem}.forecast-hp{color:#82dcf5;align-items:baseline;gap:.28rem;font-size:.9rem;display:flex}.forecast-combatants section[data-side=defender] .forecast-hp{color:#ef8b77;justify-content:end}.forecast-hp i{color:#728d93;font-size:.65rem;font-style:normal}.forecast-versus{color:#667f85;font-size:.45rem;font-style:italic}.forecast-values{text-align:center;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.65rem;display:grid}.forecast-values span{gap:.1rem;display:grid}.forecast-values small{color:#819ba1;letter-spacing:.08em;font-size:.5rem}.forecast-values b{color:#79d7fa;font-size:1.12rem}.forecast-values span:last-child b{color:#ef8c77}.forecast-values .safe b{color:#8db4ad}.forecast-matchup{color:#8eddf2;text-transform:uppercase;letter-spacing:.05em;background:#17566829;border-top:1px solid #51b2cd40;border-bottom:1px solid #51b2cd29;justify-content:space-between;align-items:center;margin-top:.65rem;padding:.42rem .5rem;font-size:.55rem;display:flex}.forecast-matchup b{color:#83dcae;letter-spacing:.1em;font-size:.54rem}.forecast-matchup[data-relation=disadvantage]{color:#e29a87;background:#711e1826;border-color:#e05d484d}.forecast-matchup[data-relation=disadvantage] b{color:#ef806c}.forecast-matchup[data-relation=neutral] b{color:#a5b6b8}.forecast-tip{color:#d7c09299;text-align:center;letter-spacing:.06em;margin-top:.65rem;font-size:.56rem}.bottom-hud{z-index:4;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:2.5%;left:2.7%;right:2.7%}.roster{pointer-events:auto;gap:clamp(5px,.7vw,11px);display:flex}.roster-card{color:#d9c18f;cursor:pointer;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);background:linear-gradient(#102a34f5,#030d12fa);border:1px solid #d3a655d1;grid-template-rows:1fr auto auto 4px auto;width:clamp(84px,7.6vw,122px);height:clamp(128px,17.1vh,160px);padding:5px;transition:transform .12s,filter .12s;display:grid;position:relative;overflow:hidden}.roster-card:hover,.roster-card:focus-visible,.roster-card.selected{filter:brightness(1.17);border-color:#f0c879;outline:none;transform:translateY(-7px);box-shadow:0 0 22px #37ade740}.roster-card.acted{filter:saturate(.25)brightness(.65)}.portrait{background:linear-gradient(145deg,#102a35,#061016 72%);border-bottom:1px solid #cda3588c;place-items:center;display:grid;position:relative;overflow:hidden}.portrait-art{width:100%;height:100%;display:block;position:relative}.portrait-paint{z-index:1;filter:saturate(.82)contrast(1.04)brightness(.86);background-repeat:no-repeat;background-size:300% 200%;display:block;position:absolute;inset:0}.portrait-art svg{opacity:.16;filter:saturate(.7)contrast(1.1);width:100%;height:100%;display:block}.portrait:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#76dbf414 48%,#0000 60%);border:1px solid #68c2de1f;position:absolute;inset:0}.roster-name{text-transform:uppercase;letter-spacing:.09em;margin-top:3px;font-size:clamp(.58rem,.76vw,.78rem)}.roster-class,.roster-numbers{color:#9db7bd;font-size:clamp(.48rem,.58vw,.62rem)}.roster-hp{background:#071111;width:100%;display:block}.roster-hp i{background:#34cdb8;height:100%;display:block}.hud-actions{pointer-events:auto;align-items:stretch;gap:.65rem;display:flex}.sound-toggle,.settings-button,.danger-toggle{color:#d8bf8a;text-transform:uppercase;cursor:pointer;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);background:#020b0ff0;border:1px solid #d1a453b8;grid-template-rows:1fr auto auto;place-items:center;min-width:68px;padding:.45rem .6rem;display:grid}.sound-toggle:hover,.sound-toggle:focus-visible,.settings-button:hover,.settings-button:focus-visible,.danger-toggle:hover,.danger-toggle:focus-visible{background:#134b5ef0;outline:none}.sound-toggle[aria-pressed=true]{color:#7e969b;filter:saturate(.3)}.sound-glyph{color:var(--gold-bright);font-size:1.3rem}.sound-toggle b{letter-spacing:.08em;font-size:.56rem}.settings-button span{color:var(--gold-bright);font-size:1.2rem}.settings-button b{letter-spacing:.08em;font-size:.56rem}.danger-toggle span{color:#ee806b;border:1px solid;place-items:center;width:1.25rem;height:1.25rem;font:700 .78rem Georgia,serif;display:grid;transform:rotate(45deg)}.danger-toggle span i{font-style:normal;display:inline-block;transform:rotate(-45deg)}.danger-toggle b{letter-spacing:.08em;font-size:.56rem}.danger-toggle[aria-pressed=true]{color:#f09a86;background:#491211f0;border-color:#f26f59d9;box-shadow:inset 0 0 16px #ee503a24}.end-turn{color:#ddc48f;text-transform:uppercase;cursor:pointer;pointer-events:auto;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);background:#020b0ff0;border:1px solid #d1a453cc;grid-template-columns:auto 1fr auto;align-items:center;gap:.1rem .55rem;min-width:125px;padding:.85rem 1.05rem;display:grid}.end-turn span{color:var(--gold-bright);grid-row:1/3;font-size:1.8rem}.end-turn b{letter-spacing:.06em;grid-column:2;font-size:.85rem}.end-turn small{color:#78979c;letter-spacing:.09em;grid-column:2;font-size:.53rem}.end-turn kbd{grid-area:1/3/3}.end-turn:hover,.end-turn:focus-visible{background:#134b5ef0;outline:none}.focus-hud{z-index:4;text-align:center;background:linear-gradient(90deg,#0000,#01080cde 18% 82%,#0000);border-top:1px solid #d5a5528c;border-bottom:1px solid #d5a55259;width:min(610px,48vw);padding:1rem 1.4rem;position:absolute;top:4%;left:50%;transform:translate(-50%)}.focus-kicker{color:#8cdcf5;letter-spacing:.35em;font-size:.63rem}.focus-name{color:#e2c58c;text-transform:uppercase;letter-spacing:.1em;margin:.2rem 0 .55rem;font-size:clamp(1.1rem,1.6vw,1.6rem)}.focus-stats{text-transform:uppercase;letter-spacing:.08em;justify-content:center;gap:1.5rem;font-size:.73rem;display:flex}.focus-stats b{color:#78d7ff;font-size:1.1rem}.focus-stats .advantage{color:#a6e1aa}.focus-stats .disadvantage{color:#f28c77}.focus-stats .counter{color:#f29682}.focus-stats .counter b{color:#ff8f79}.focus-stats .safe{color:#84b9ad}.focus-aim{text-transform:uppercase;letter-spacing:.1em;border-top:1px solid #cc9d4f3b;justify-content:center;align-items:baseline;gap:.65rem;margin-top:.55rem;padding-top:.45rem;display:flex}.focus-aim b{color:#7ee8ff;font-size:.72rem}.focus-aim span{color:#9eb5b6;font-size:.56rem}.focus-aim.steady b{color:#a8e3bc}.focus-aim.risky b{color:#f0c875}.focus-aim.wide b{color:#ff806a}.focus-help{color:#d8c49aa6;margin-top:.65rem;font-size:.65rem}#app[data-mode=focus] .chapter-hud,#app[data-mode=focus] .phase-hud,#app[data-mode=focus] .triangle-panel,#app[data-mode=focus] .selected-panel,#app[data-mode=focus] .command-menu,#app[data-mode=focus] .event-message,#app[data-mode=focus] .combat-aftermath,#app[data-mode=focus] .terrain-readout,#app[data-mode=focus] .forecast-panel,#app[data-mode=focus] .bottom-hud{display:none}.phase-curtain,.result-panel{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phase-curtain{color:#f08a72;text-align:center;text-transform:uppercase;letter-spacing:.16em;background:linear-gradient(90deg,#0000,#1a0505e6 25% 75%,#0000);border-top:1px solid #eb664c80;border-bottom:1px solid #eb664c4d;width:100%;padding:1.5rem;font-size:clamp(1.3rem,2.6vw,2.6rem)}.phase-curtain small{color:#eaa78fb3;letter-spacing:.25em;margin-top:.4rem;font-size:.62rem;display:block}.result-panel{text-align:center;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:#020a0ef7;border:1px solid #d8a956cc;width:min(520px,80vw);padding:2.6rem 3rem;box-shadow:0 24px 90px #000,inset 0 0 45px #2076911f}.result-crest{color:var(--gold-bright);font-size:2.5rem}.result-panel h2{color:#ebd09b;text-transform:uppercase;letter-spacing:.12em;margin:.5rem 0;font-weight:500}.result-panel p{color:#a9bbc0}.result-panel button{border:1px solid var(--gold);color:#ead3a4;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#102e39;margin-top:1rem;padding:.7rem 1.2rem}.chapter-briefing{z-index:20;background:linear-gradient(90deg,#010609e6 0%,#01080c80 43%,#01070aeb 100%),radial-gradient(circle at 30% 47%,#2da4be29,#0000 29%);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 150px #000}.chapter-briefing:before,.chapter-briefing:after{content:"";background:linear-gradient(90deg,#0000,#d3a654ad,#0000);height:1px;position:absolute;left:5%;right:5%}.chapter-briefing:before{top:9%}.chapter-briefing:after{bottom:9%}.briefing-map-mark{aspect-ratio:1;color:#7ee6ff;border:1px solid #63d2e757;place-items:center;width:min(31vw,430px);display:grid;position:absolute;top:50%;left:26%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:inset 0 0 70px #24abc914,0 0 80px #21abcb14}.briefing-map-mark:before,.briefing-map-mark:after{content:"";border:1px solid #d3a65440;position:absolute;inset:11%}.briefing-map-mark:after{border-color:#67d5eb47;inset:26%}.briefing-map-mark span{z-index:1;text-shadow:0 0 25px #35b9e1;font-size:clamp(3rem,7vw,7rem);transform:rotate(-45deg)}.briefing-map-mark i{opacity:.32;background:linear-gradient(90deg,#0000,#6cd9ed,#0000);width:140%;height:1px;position:absolute;transform:rotate(-45deg)}.briefing-copy{background:linear-gradient(90deg,#030d12eb,#030c118c);border-left:1px solid #d6a856bf;width:min(620px,42vw);padding:2rem 2.7rem 2.25rem;position:absolute;top:50%;left:52%;transform:translateY(-50%);box-shadow:-28px 0 65px #00000061}.briefing-kicker,.settings-kicker{color:#78d9f4;text-transform:uppercase;letter-spacing:.36em;font-size:.68rem}.briefing-copy h1{color:#ead2a2;text-transform:uppercase;letter-spacing:.08em;margin:.35rem 0 1.4rem;font-size:clamp(2rem,3.2vw,3.45rem);font-weight:400}.briefing-objective{text-transform:uppercase;border-top:1px solid #cd9f4f70;border-bottom:1px solid #cd9f4f3d;align-items:baseline;gap:1rem;padding:.65rem 0;display:flex}.briefing-objective small{color:#829da4;letter-spacing:.17em}.briefing-objective strong{color:#efce88;letter-spacing:.08em;font-weight:500}.briefing-copy>p{color:#b8c6c6;max-width:56ch;margin:1.3rem 0;line-height:1.55}.briefing-orders{grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.4rem 0;display:grid}.briefing-orders>span{background:#08222a52;border-top:1px solid #59bed359;min-height:80px;padding:.7rem .6rem .6rem 2.1rem;display:grid;position:relative}.briefing-orders b{color:#68d1ec;font-weight:400;position:absolute;top:.52rem;left:.6rem}.briefing-orders i{color:#dbc392;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-style:normal}.briefing-orders small{color:#7e999e;align-self:end;font-size:.59rem}.briefing-copy>button,.settings-done{border:1px solid var(--gold);color:#f0d39a;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);background:linear-gradient(90deg,#123949,#0b252f);min-width:230px;padding:.85rem 1.25rem}.briefing-copy>button:hover,.briefing-copy>button:focus-visible,.settings-done:hover,.settings-done:focus-visible{outline-offset:3px;filter:brightness(1.2);outline:2px solid #77d9f2}.briefing-copy>button:disabled{color:#8db1b8;cursor:wait;filter:none;background:linear-gradient(90deg,#0c2a34cc,#06181ecc);border-color:#6fb8c76b}.briefing-copy>button b{font-weight:400}.briefing-copy>button span{color:#79def8;margin-right:.55rem}.briefing-copy>button kbd{margin-left:.65rem}.chapter-briefing footer{color:#d7c09194;text-transform:uppercase;letter-spacing:.17em;font-size:.58rem;position:absolute;bottom:5.5%;right:8%}.settings-panel{z-index:25;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);background:#020b10fa;border:1px solid #d7a854d6;width:min(520px,80vw);padding:2.2rem 2.5rem 2.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 110px #000,0 0 0 100vmax #000407b3,inset 0 0 50px #2079941a}.settings-panel h2{color:#ebd09d;text-transform:uppercase;letter-spacing:.12em;margin:.3rem 0 1.5rem;font-weight:400}.settings-close{color:#cdb785;cursor:pointer;background:0 0;border:1px solid #cd9e4f8c;width:2rem;height:2rem;position:absolute;top:1rem;right:1rem}.settings-close:focus-visible{outline:2px solid #72d8f2}.volume-setting{color:#d9c18e;text-transform:uppercase;letter-spacing:.08em;grid-template-columns:1fr auto;gap:.65rem;font-size:.72rem;display:grid}.volume-setting output{color:#79d9f5}.volume-setting input{accent-color:#55c7e9;grid-column:1/-1;width:100%}.motion-setting{cursor:pointer;border-top:1px solid #cd9f4f40;border-bottom:1px solid #cd9f4f40;justify-content:space-between;align-items:center;margin:1.3rem 0;padding:.85rem 0;display:flex}.motion-setting>span{gap:.25rem;display:grid}.motion-setting b{color:#d9c18e;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.motion-setting small{color:#829ba0;font-size:.65rem}.motion-setting input{opacity:0;position:absolute}.motion-setting i{background:#0a1a1e;border:1px solid #647f84;border-radius:20px;width:46px;height:24px;position:relative}.motion-setting i:after{content:"";background:#789096;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.motion-setting input:checked+i{background:#123f4b;border-color:#58c9e7}.motion-setting input:checked+i:after{background:#7de0f4;transform:translate(21px)}.motion-setting input:focus-visible+i{outline-offset:3px;outline:2px solid #efcc7e}.controls-reference{background:#0e313b59;margin-bottom:1.4rem;padding:.9rem 1rem}.controls-reference h3{color:#75d4ed;text-transform:uppercase;letter-spacing:.13em;margin:0 0 .65rem;font-size:.65rem;font-weight:400}.controls-reference p{color:#9fb1b3;margin:.3rem .8rem .3rem 0;font-size:.67rem;display:inline-block}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.corner-glyph{z-index:12;pointer-events:none;border-color:#cf9f4ebf;width:27px;height:27px;position:absolute}.top-left{border-top:2px solid;border-left:2px solid;top:9px;left:9px}.top-right{border-top:2px solid;border-right:2px solid;top:9px;right:9px}.bottom-left{border-bottom:2px solid;border-left:2px solid;bottom:9px;left:9px}.bottom-right{border-bottom:2px solid;border-right:2px solid;bottom:9px;right:9px}[hidden]{display:none!important}@media (width<=1050px),(height<=650px){.phase-hud{gap:.4rem;padding-left:1rem;padding-right:1rem;top:.9%}.phase-hud strong{font-size:1.05rem}.phase-hud .flourish{font-size:.65rem}.triangle-panel{width:150px}.event-message{bottom:18%}.roster-card{width:84px;height:118px}.roster-card:nth-child(n+5){display:none}.selected-panel{left:16%}.terrain-readout{min-width:145px;bottom:16%;right:2.6%}.danger-legend{min-width:154px;top:20%;right:1.7%}.forecast-panel{width:285px;right:5%}.briefing-map-mark{width:270px;left:19%}.briefing-copy{width:58vw;padding:1.2rem 1.7rem 1.45rem;left:38%}.briefing-copy h1{margin-bottom:.8rem}.briefing-copy>p{margin:.8rem 0;font-size:.82rem}.briefing-orders{margin:.8rem 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}#app[data-motion=reduced] *,#app[data-motion=reduced] :before,#app[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}