@font-face{font-family:'Source Sans';src:url('./assets/source-sans.woff2') format('woff2');font-weight:200 900;font-style:normal;font-display:swap}
:root{font-family:'Source Sans','Segoe UI',sans-serif;color:#243c4d;--ink:#243c4d;--gold:#e8c98a;--line:rgba(35,65,82,.18)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#aecbd7}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;border:0;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #836129;outline-offset:4px}button{touch-action:manipulation}button:disabled{cursor:default}button:hover{filter:brightness(1.04)}#experience{height:100%;isolation:isolate}#stage{position:absolute;inset:0;overflow:hidden}#scene{width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(206,224,229,.95),rgba(206,224,229,.35) 32%,transparent 58%),linear-gradient(0deg,rgba(51,85,101,.4),transparent 22%,transparent 80%,rgba(220,234,236,.6))}.topbar{position:absolute;left:40px;right:40px;top:28px;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink)}.brand svg{width:54px;height:42px;fill:none;stroke:currentColor;stroke-width:2}.brand strong{font-size:22px;letter-spacing:6px;font-weight:600}.brand small{display:block;font-size:10px;letter-spacing:2.7px;margin-top:1px}.station-code{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.station-code>span:not(.live-dot){opacity:.35}.live-dot,.pulse-dot{width:6px;height:6px;background:#3c877b;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #4f8e7420}.topbar nav{display:flex;align-items:center;gap:13px}.quiet{background:none;font-size:13px;padding:10px}.quiet>span{display:inline-grid;place-items:center;border:1px solid #3c596674;border-radius:50%;width:17px;height:17px;font-size:11px;margin-right:6px}.icon-button{width:37px;height:37px;border:1px solid #4c6f7f40;background:#edf5f426;border-radius:50%;font-size:19px}.intro{position:absolute;left:8%;top:24%;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600;display:flex;align-items:center;gap:12px}.eyebrow>span{display:inline-block;width:24px;height:1px;background:currentColor}.intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,5.6vw,90px);font-weight:400;letter-spacing:-4px;line-height:1.04;margin:28px 0 25px}.intro h1 em,h2 em{font-weight:400;color:#6b7e82}em{font-family:Georgia,serif}.intro-copy{font-size:16px;line-height:1.7;color:#486374;margin:0 0 25px}.mission-facts{display:flex;align-items:center;gap:24px;margin-bottom:31px;font-size:9px;letter-spacing:1.4px}.mission-facts strong{font-size:23px;letter-spacing:-.6px;font-weight:400;display:inline-block;margin-right:8px}.mission-facts i{height:25px;width:1px;background:var(--line)}.primary{height:55px;min-width:258px;background:#263f51;color:#f9f7ee;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:0 25px;gap:45px;font-weight:500;font-size:16px;border:1px solid #263f51;box-shadow:0 8px 30px #28495d20;transition:transform .2s,background .2s}.primary:hover{background:#365b71;transform:translateY(-2px)}.primary span{font-size:24px;color:#edcc8f}.start-caption{font-size:8px;letter-spacing:1.8px;margin-top:16px;opacity:.64}.start-caption span{margin:0 8px}.hero-caption{position:absolute;right:5%;bottom:17%;text-align:right}.hero-caption>span{font-size:9px;letter-spacing:2px}.hero-caption h2{font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:1.25;margin:14px 0 19px}.hero-caption>div{font-size:8px;letter-spacing:1.6px;display:flex;align-items:center;justify-content:flex-end;gap:7px}.hero-caption i{width:5px;height:5px;background:#f3d78c;border-radius:50%;box-shadow:0 0 9px #fff0b0}.menu-footer{position:absolute;bottom:32px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#eef4ef}.coordinates i{font-style:normal;margin:0 13px;opacity:.5}.mission-note{font-size:8px;opacity:.8}.text-button{background:none;font-size:12px;padding:9px 0}.menu-footer .text-button{color:inherit}.text-button span{margin-left:11px;font-size:18px}body[data-state="menu"] .play-only{display:none}body:not([data-state="menu"]) .menu-only,body:not([data-state="menu"]) #intro{display:none}body:not([data-state="menu"]) .vignette{background:linear-gradient(0deg,rgba(208,226,231,.95),rgba(208,226,231,0) 29%,rgba(208,226,231,0) 72%,rgba(208,226,231,.83))}
.operation{position:absolute;top:120px;left:40px}.operation .eyebrow{font-size:9px;letter-spacing:1.4px}.operation h2{font-family:Georgia,serif;font-size:30px;font-weight:400;letter-spacing:-.9px;margin:12px 0}.operation p{font-size:9px;letter-spacing:2px}.objective{position:absolute;top:107px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.4px;white-space:nowrap;background:#eef4ed70;padding:13px 18px;border:1px solid #f5f8ef70}.objective strong{margin-left:7px;font-size:14px}.timer{position:absolute;right:40px;top:117px;text-align:right}.timer>span,.scoreboard>span{font-size:9px;letter-spacing:1.7px;display:block}.timer>strong{font-size:47px;font-weight:300;line-height:1.2;letter-spacing:-2px;font-variant-numeric:tabular-nums}.timeline{width:118px;height:2px;background:#30566930;margin:8px 0 0 auto}.timeline i{display:block;width:100%;height:100%;background:#31596b}.scoreboard{position:absolute;top:236px;right:40px;text-align:right}.scoreboard>strong{font-size:27px;font-weight:400;letter-spacing:1px;line-height:1.6;font-variant-numeric:tabular-nums}#roster{position:absolute;top:300px;left:40px;display:flex;flex-direction:column;gap:8px;width:157px}.roster-item{background:#e7f0f0aa;border:1px solid #f5fbef6b;padding:10px 12px;text-align:left;position:relative;border-left:2px solid transparent}.roster-item.selected{border-left-color:#b28d43;background:#f7f6e3d9}.roster-item .name{font-size:10px;font-weight:700;letter-spacing:1.2px}.roster-item .percent{float:right;font-size:11px;font-variant-numeric:tabular-nums}.roster-item .role{display:block;font-size:7px;letter-spacing:1.3px;opacity:.65;margin:3px 0 7px}.mini-track{height:2px;background:#23485920}.mini-track i{height:100%;display:block;background:#739d99;width:100%;transition:width .15s}.roster-item.critical .mini-track i,.ally-marker.critical .mini-track i{background:#d16e55}.roster-item.downed{background:#edd4bb}.roster-item.lost{opacity:.4}.ally-marker{position:absolute;transform:translate(-50%,-100%);min-width:104px;padding:7px 11px 9px;background:#eaf2ecef;box-shadow:0 4px 15px #43637a19;border:1px solid #fff6;border-radius:2px;color:#2b4d5d;pointer-events:auto;white-space:nowrap}.ally-marker::after{content:'';position:absolute;left:50%;bottom:-5px;width:7px;height:7px;background:inherit;transform:rotate(45deg)}.ally-marker.selected{border:1px solid #e9c77e;background:#fff2d5;box-shadow:0 0 20px #ffeab535}.ally-marker strong{font-size:9px;letter-spacing:1px}.ally-marker b{font-size:10px;font-weight:400;margin-left:12px}.ally-marker .mini-track{margin-top:5px}.ally-marker small{display:block;font-size:7px;margin-top:5px;letter-spacing:1px}.ally-marker.downed{background:#f1cab4;border-color:#da835d}.ally-marker.lost{display:none}.statusline{position:absolute;bottom:200px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#254755d6;color:#eef3e8;border:1px solid #b4d2d255;padding:10px 15px;font-size:9px;letter-spacing:1.5px;white-space:nowrap}.statusline .pulse-dot{background:#f2d593;box-shadow:0 0 12px #fce8b0}.mercyVitals{position:absolute;left:40px;bottom:126px;display:flex;align-items:center;gap:12px}.medical-mark{font-size:32px;color:#426476}.mercyVitals>div{width:118px}.mercyVitals>div>span{font-size:10px;letter-spacing:1.3px}.mercyVitals b{float:right;font-weight:400;font-size:13px}.mercyVitals small{font-size:7px;letter-spacing:1px;writing-mode:vertical-rl;opacity:.7}.health-track{height:4px;background:#24475522;margin-top:7px}.health-track i{display:block;height:100%;width:100%;background:#406774}.beam-modes{position:absolute;left:50%;transform:translateX(-50%);bottom:125px;display:flex;gap:1px;box-shadow:0 4px 15px #4e718815}.beam-button{display:flex;align-items:center;gap:14px;width:195px;min-height:56px;background:#eef5f0b5;border:1px solid #fff5;text-align:left;padding:9px 15px}.beam-button.selected{background:#fff0d0;border-color:#dec18c}.beam-button:nth-child(2).selected{background:#d6f0ff;border-color:#81c5e5}.beam-icon{font-size:29px;color:#ba944d;width:23px;text-align:center}.beam-button:nth-child(2) .beam-icon{color:#6aacc4}.beam-button>span:nth-child(2){font-size:13px;white-space:nowrap}.beam-button small{display:block;font-size:6px;letter-spacing:.7px;margin-top:4px;opacity:.64}.beam-button kbd{margin-left:auto;opacity:.55}kbd{font:9px 'Source Sans',sans-serif;letter-spacing:.4px;display:inline-block;padding:2px 5px;border:1px solid #59758545;background:#e9f2ec4a;border-radius:2px;white-space:nowrap}#actions{position:absolute;left:50%;transform:translateX(-50%);bottom:36px;display:flex;gap:8px}.ability{width:126px;height:74px;padding:8px 5px 7px;background:#eaf3f0bc;border:1px solid #fafff787;position:relative;overflow:hidden}.ability kbd{position:absolute;left:7px;top:6px;z-index:1;font-size:7px}.ability-symbol{display:block;font-size:22px;height:28px;line-height:25px;color:#476c7b}.ability strong{display:block;font-size:10px;font-weight:600}.ability small{display:block;font-size:8px;letter-spacing:1.1px;margin-top:4px;color:#65848d}.ability.cooling{opacity:.7}.ability.ready{box-shadow:0 0 20px #ffe4a040;border-color:#ccab69;background:#fff0cc}.ability i{position:absolute;bottom:0;left:0;height:3px;width:0;background:#cead69}.ability.ultimate .ability-symbol{font-size:36px;color:#aa8d4f}.control-strip{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:24px;font-size:7px;letter-spacing:1px;white-space:nowrap;opacity:.65}.control-strip kbd{font-size:7px;padding:0 3px}.flight-pad{display:none}#toast{position:absolute;left:50%;top:172px;transform:translate(-50%,-10px);padding:12px 20px;background:#264856ed;color:#fbf3e1;border:1px solid #ddcfad66;font-size:12px;opacity:0;transition:opacity .22s,transform .22s;pointer-events:none;z-index:7;max-width:min(560px,85vw);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}#hitFlash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #e77058;opacity:0;transition:opacity .25s}#hitFlash.active{opacity:.7}
dialog{color:var(--ink);border:1px solid #fbfbec;background:#e9f0eaef;box-shadow:0 30px 100px #16394d55;backdrop-filter:blur(25px)}dialog::backdrop{background:#15374570;backdrop-filter:blur(9px)}.modal{padding:40px;max-height:90dvh;overflow:auto;max-width:calc(100vw - 28px)}.modal h2{font:400 43px/1.06 Georgia,serif;letter-spacing:-1.8px;margin:20px 0}.modal p{font-size:14px;line-height:1.7;color:#506e7a}.modal .close{position:absolute;top:14px;right:14px;font-size:25px;width:34px;height:34px;background:none}.modal .primary{margin-top:24px;width:100%}.modal .secondary{display:block;background:transparent;border:1px solid var(--line);height:46px;width:100%;margin-top:10px;font-size:13px}.modal>.text-button{display:block;margin:15px auto 0;font-size:12px;color:#5a7680}.guide-modal{width:700px}.guide-modal h2{font-size:41px}.modal-intro{max-width:570px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;margin:22px 0}.guide-grid article{border-top:1px solid var(--line);padding-top:13px}.guide-grid article>span{font-size:9px;color:#7d979e;letter-spacing:2px}.guide-grid h3{font-family:Georgia,serif;font-weight:400;margin:7px 0;font-size:19px}.guide-grid p{font-size:12px;line-height:1.65;margin:6px 0}.guide-note{font-size:11px;border-top:1px solid var(--line);padding-top:16px;color:#5c7980;line-height:1.7}.pause-modal{width:420px}.result-modal{width:460px;text-align:center}.result-modal .eyebrow{justify-content:center}.result-grade{display:grid;place-items:center;float:right;width:45px;height:45px;border:1px solid #b49c62;border-radius:50%;font:25px Georgia;color:#9c8552;margin-top:18px}.result-modal h2{font-size:48px}.result-score{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0}.result-score span,.result-score small{display:block;font-size:8px;letter-spacing:1.5px;color:#66818a}.result-score strong{display:block;font-size:44px;font-weight:300;margin:5px 0}.result-stats{display:flex;justify-content:space-around}.result-stats span{font-size:8px;letter-spacing:1px;color:#6c8389}.result-stats strong{display:block;font-size:20px;font-weight:400;color:var(--ink);margin-bottom:7px}.credits-modal{width:520px}.credits-modal a{color:#3c6e83;text-underline-offset:3px}#errorFallback{position:fixed;inset:0;background:#e8f0ed;padding:15%;z-index:100}
@media(min-width:1500px){.intro{top:25%}.intro-copy{font-size:18px}.hero-caption{right:8%;bottom:21%}.operation{top:140px}}
@media(max-height:720px) and (min-width:700px){.intro{top:21%}.intro h1{font-size:64px;margin:18px 0}.intro-copy{font-size:14px;margin-bottom:17px}.mission-facts{margin-bottom:20px}.hero-caption{bottom:16%}#roster{top:240px}.roster-item{padding:7px 10px}.operation{top:105px}.statusline{bottom:192px}}
@media(max-width:1000px) and (min-width:700px){.intro{left:6%}.intro h1{font-size:64px}.hero-caption{display:none}.station-code{display:none}.operation h2{font-size:23px}.operation{left:24px}.objective{top:110px;font-size:7px;gap:7px}.timer{right:25px}#roster{left:25px;width:120px}.mercyVitals{left:25px}.scoreboard{right:25px}.mission-note{display:none}.control-strip{gap:10px;font-size:6px}}
@media(max-width:699px){.topbar{top:19px;left:20px;right:17px}.brand{gap:8px}.brand svg{width:35px;height:32px}.brand strong{font-size:17px;letter-spacing:4px}.brand small{font-size:7px;letter-spacing:1.9px}.station-code{display:none}.topbar nav{gap:7px}.quiet{font-size:0;padding:4px}.quiet>span{font-size:12px;width:28px;height:28px;margin:0}.icon-button{height:30px;width:30px;font-size:17px}.intro{left:27px;right:20px;top:125px}.intro .eyebrow{font-size:8px;letter-spacing:2px}.intro h1{font-size:54px;letter-spacing:-2.8px;line-height:1.01;margin:23px 0 17px}.intro-copy{font-size:13px;line-height:1.6;max-width:280px}.intro-copy .desktop-break{display:none}.mission-facts{font-size:7px;letter-spacing:.8px;gap:17px;margin:18px 0}.mission-facts strong{font-size:18px;margin-right:6px}.mission-facts i{height:20px}.intro .primary{position:fixed;bottom:100px;left:27px;right:27px;width:calc(100vw - 54px);height:52px}.start-caption{position:fixed;left:0;right:0;bottom:75px;text-align:center;font-size:7px}.hero-caption{display:none}.vignette{background:linear-gradient(180deg,rgba(213,230,233,.65),rgba(211,229,232,.8) 37%,rgba(211,229,232,0) 65%,rgba(72,111,130,.1))}.menu-footer{bottom:26px;left:25px;right:25px;font-size:7px;letter-spacing:.5px}.mission-note{display:none}.menu-footer .text-button{font-size:10px}.coordinates i{margin:0 4px}body:not([data-state="menu"]) #stage{top:143px;bottom:222px}body:not([data-state="menu"]) .vignette{background:linear-gradient(0deg,rgba(183,211,220,.75),transparent 22%,transparent 85%,rgba(185,210,217,.5))}body:not([data-state="menu"]){background:#bdd6dd}.operation{left:20px;top:83px}.operation .eyebrow{font-size:7px;letter-spacing:1.3px}.operation h2{font-size:22px;margin:7px 0}.operation p{font-size:7px;margin:8px 0}.objective{top:151px;left:20px;transform:none;background:none;border:none;padding:0;gap:8px;font-size:7px;letter-spacing:.6px}.objective strong{font-size:11px;margin:0}.objective .live-dot{width:4px;height:4px}.timer{right:20px;top:85px}.timer>span{font-size:6px;letter-spacing:1.2px}.timer>strong{font-size:34px}.timeline{width:75px;margin-top:3px}.scoreboard{top:138px;right:20px}.scoreboard>span{font-size:5px;letter-spacing:.9px}.scoreboard>strong{font-size:16px}#roster{display:none}.ally-marker{min-width:82px;padding:8px 9px}.ally-marker strong{font-size:8px}.ally-marker b{font-size:8px;margin-left:7px}.ally-marker small{font-size:6px;letter-spacing:.5px}.statusline{bottom:232px;max-width:calc(100vw - 28px);padding:8px 10px;font-size:7px;letter-spacing:.65px;overflow:hidden}.mercyVitals{left:20px;bottom:211px;gap:7px}.medical-mark{font-size:21px}.mercyVitals>div{width:95px}.mercyVitals>div>span{font-size:7px}.mercyVitals b{font-size:10px}.mercyVitals small{display:none}.health-track{height:3px;margin-top:3px}.beam-modes{left:14px;right:14px;bottom:149px;transform:none;gap:6px}.beam-button{width:50%;min-height:49px;padding:8px 12px;gap:9px}.beam-button>span:nth-child(2){font-size:12px}.beam-icon{font-size:24px}.beam-button small{font-size:5px;letter-spacing:.5px}.beam-button kbd{display:none}#actions{bottom:28px;left:148px;right:14px;transform:none;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ability{width:100%;height:93px;padding:10px 2px}.ability kbd{display:none}.ability strong{font-size:8px;line-height:1.3;min-height:22px;display:flex;align-items:center;justify-content:center}.ability-symbol{height:33px;font-size:25px}.ability small{font-size:7px;letter-spacing:.7px;margin-top:6px}.flight-pad{position:absolute;bottom:15px;left:14px;display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:2px}.flight-pad button{background:#e8f3eed6;border:1px solid #fafef7bb;font-size:19px;touch-action:none}.flight-pad button[data-key="ArrowUp"]{grid-column:2;grid-row:1}.flight-pad button[data-key="ArrowLeft"]{grid-column:1;grid-row:2}.flight-pad button[data-key="ArrowRight"]{grid-column:3;grid-row:2}.flight-pad button[data-key="ArrowDown"]{grid-column:2;grid-row:3}.flight-pad span{grid-column:2;grid-row:2;font-size:6px;letter-spacing:1px;display:grid;place-items:center;opacity:.6}.flight-pad button.pressed{background:#fff0c9}.control-strip{display:none}#toast{top:180px;font-size:10px;padding:9px 12px;width:max-content;max-width:90vw}.modal{padding:28px 23px;max-height:90dvh}.modal h2{font-size:35px}.modal p{font-size:12px}.modal .eyebrow{font-size:8px}.guide-grid{gap:10px 17px}.guide-grid h3{font-size:16px}.guide-grid p{font-size:10px}.guide-grid kbd{font-size:8px}.guide-note{font-size:10px}.modal .primary{font-size:14px;min-width:0;height:48px}.result-modal h2{font-size:41px}.result-score{margin:16px 0;padding:15px 0}}
@media(max-width:699px) and (max-height:740px){.intro{top:98px}.intro h1{font-size:44px;margin:18px 0 13px}.intro-copy{font-size:11px;margin-bottom:12px}.mission-facts{margin:12px 0}.intro .primary{bottom:76px}.start-caption{bottom:56px}.menu-footer{bottom:16px}.guide-grid{gap:5px 15px}.guide-grid p{font-size:9px}.modal h2{font-size:30px}.modal{padding:25px 22px}body:not([data-state="menu"]) #stage{top:136px;bottom:216px}.operation{top:76px}.timer{top:79px}.objective{top:139px}.scoreboard{top:129px}.statusline{bottom:222px}.beam-modes{bottom:145px}.mercyVitals{bottom:200px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:699px){.icon-button{width:40px;height:40px}.quiet{min-width:40px;min-height:40px}.topbar nav{gap:2px}.topbar{top:14px}.flight-pad{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px)}}