@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#07121d;--cyan:#8af8e7;--dim:#99afbd;--amber:#f5b979;--line:#28424f}*{box-sizing:border-box}body{margin:0;background:#050c14;color:#eff9fc;font:16px/1.5 'DM Sans',system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button{color:inherit}a{color:var(--cyan)}[hidden]{display:none!important}.cockpit{max-width:1800px;margin:auto;min-height:100dvh;padding:0 32px;display:flex;flex-direction:column}.topbar{min-height:94px;display:flex;align-items:center;gap:26px}.brand{color:#d9edf3;text-decoration:none;display:flex;align-items:center;gap:12px;margin-right:auto}.brand span{font-size:10px;letter-spacing:.2em;line-height:1.8}.brand strong{display:block;font:600 20px/1.1 'Space Grotesk',sans-serif;letter-spacing:.19em}.sector{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:25px;margin-right:auto}.sector>span{font-size:10px;letter-spacing:.16em;color:var(--cyan)}.sector strong{font-size:14px;font-weight:500}.ship-status{min-width:140px;font-size:11px;letter-spacing:.15em}.ship-status>span{display:flex;justify-content:space-between}.ship-status b{color:var(--cyan)}.shield-track{height:4px;background:#283744;margin-top:8px;overflow:hidden}.shield-track i{display:block;width:100%;height:100%;background:var(--cyan);transition:width .2s}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent}.flight-deck{position:relative;flex:1;min-height:500px;height:calc(100dvh - 156px);max-height:1000px;border:1px solid #243b47;border-radius:12px;overflow:hidden;background:#081521 url('./cinematic-corridor.png') center/cover}canvas{display:block;width:100%;height:100%;touch-action:none}.deck-label{position:absolute;left:24px;top:18px;font-size:10px;letter-spacing:.14em;color:#a7c4d0;pointer-events:none}.live-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);margin-right:8px}.deck-slash{color:#52727e;margin:0 9px}#flight-status{color:#5f8b98}.mission{position:absolute;left:22px;bottom:20px;width:min(440px,calc(100% - 44px));padding:14px 18px;background:linear-gradient(105deg,rgba(9,29,40,.96),rgba(9,29,40,.80));border-left:2px solid var(--cyan);border-radius:0 8px 8px 0;pointer-events:none}.mission-label{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.12em;color:var(--cyan)}.aura{color:#799ba8}.mission h1{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:500;margin:6px 0 3px;line-height:1.25}.mission p{font-size:13px;color:#bed1d9;margin:0}.toast{position:absolute;top:48px;left:50%;transform:translateX(-50%);text-align:center;min-width:240px;max-width:90%;color:var(--cyan);background:#09212dec;border:1px solid #39606a;border-radius:8px;padding:9px 16px;font-size:13px;pointer-events:none;opacity:0;transition:opacity .2s}.toast.visible{opacity:1}.scan-readout{position:absolute;bottom:20px;right:22px;max-width:290px;border:1px solid #3d675f;padding:12px 16px;background:#102b2aeF;border-radius:8px;pointer-events:none}.scan-readout>span{font-size:10px;letter-spacing:.14em;color:var(--cyan)}.scan-readout strong{display:block;font-size:15px;margin:5px 0}.scan-readout p{margin:0;font-size:12px;color:#bcd8d6}.control-strip{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#839daa;font-size:12px}.control-strip>div{display:flex;align-items:center;gap:20px}.control-strip span{white-space:nowrap}.control-strip button{border:0;background:none;font-size:12px;color:#aac0ca;padding:9px 0}.control-strip button:hover{color:var(--cyan)}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:24px;padding:0 6px;border:1px solid #37515d;border-bottom-width:2px;border-radius:4px;color:#c9e0e9;font:10px/1 'DM Sans',sans-serif;margin-right:4px;white-space:nowrap}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,#07121df9 0%,#07121ded 43%,#07121d40 85%);display:flex;align-items:center;padding:40px 6%;overflow:auto}.briefing{width:530px;max-width:100%;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--cyan);margin-bottom:18px}.eyebrow span{margin-left:20px;color:#738f9e}.briefing h2{font:500 clamp(36px,4.5vw,62px)/1.03 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:0 0 20px}.briefing h2 em{font-style:normal;color:var(--cyan)}.intro-copy{color:#b1c4cf;max-width:430px;font-size:15px;margin:0 0 22px}.lesson-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.lesson-list>div{display:flex;align-items:center;gap:16px}.key-group{display:flex;width:132px;flex-shrink:0}.lesson-list p{margin:0;font-size:13px}.lesson-list strong{display:block;font-weight:500}.lesson-list small{display:block;color:#92aab6;font-size:12px}.primary{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--cyan);color:#07272b;border:1px solid var(--cyan);border-radius:6px;padding:14px 20px;font-size:15px;font-weight:700;box-shadow:0 4px 30px #1fe0c419;transition:background .2s,transform .2s}.primary:hover{background:#b1fff4;transform:translateY(-1px)}.primary span{font-size:23px;line-height:1}.briefing-foot{font-size:11px;color:#a1bac6;margin:14px 0 0;line-height:1.7}.briefing-foot span{color:#688b9b}.intro-coordinate{position:absolute;right:8%;bottom:12%;font:500 56px/1.4 'Space Grotesk',sans-serif;color:#83d3d54a}.intro-coordinate span{display:block;font-size:10px;letter-spacing:.2em;color:#9bc9d889}.compact{background:#05111dda;backdrop-filter:blur(8px);justify-content:center}.dialog-card{width:450px;max-width:100%;text-align:center}.dialog-card h2{font:500 36px/1.1 'Space Grotesk',sans-serif;margin:0 0 18px;letter-spacing:-.035em}.dialog-card p{font-size:15px;color:#acc6d2}.dialog-card .primary{margin:24px auto 10px}.text-button{border:0;background:none;color:#91acbc;font-size:13px;padding:8px}.result-stats{display:flex;justify-content:center;gap:30px;margin:20px 0}.result-stats b{font:500 28px 'Space Grotesk',sans-serif;color:var(--cyan);display:block}.result-stats span{font-size:11px;color:#88a5b2}.result-note{font-size:12px!important;max-width:380px;margin:20px auto!important}.touch-controls{display:none}.touch-controls button{touch-action:none;user-select:none;border:1px solid #51727d;background:#0a2639da;border-radius:9px;color:#bafff2;min-width:48px;min-height:45px}.dpad{display:grid;grid-template-columns:repeat(3,48px);gap:4px}.dpad button:first-child{grid-column:2;grid-row:1}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.touch-actions{display:flex;gap:8px;align-items:end}.touch-actions button{font-size:12px;padding:8px 14px}dialog{max-width:560px;width:calc(100% - 36px);background:#0d2330;color:#d4e8ef;border:1px solid #335965;border-radius:14px;padding:38px}dialog::backdrop{background:#020c15dd}dialog h2{font:500 28px/1.15 'Space Grotesk',sans-serif}dialog p,dialog a{font-size:14px}dialog .close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;color:#b7d3df}.touch-on .touch-controls{display:flex;position:absolute;bottom:14px;left:16px;right:16px;justify-content:space-between;pointer-events:none}.touch-on .touch-controls>*{pointer-events:auto}.touch-on .mission{bottom:126px}.touch-on .scan-readout{bottom:126px}
@media(max-height:800px) and (min-width:701px){.topbar{min-height:76px}.flight-deck{height:calc(100dvh - 128px);min-height:420px}.control-strip{min-height:52px}.overlay{padding:26px 5%}.briefing h2{font-size:48px}.intro-copy{margin-bottom:16px}.lesson-list{gap:10px;margin-bottom:18px}.eyebrow{margin-bottom:12px}}
@media(max-width:900px){.cockpit{padding:0 14px}.topbar{gap:14px}.sector{padding-left:16px}.control-strip>div{gap:12px}.scan-readout{bottom:142px;right:16px}.brand strong{font-size:16px}.ship-status{min-width:96px}.intro-coordinate{display:none}}
@media(max-width:700px){.cockpit{padding:0 8px}.topbar{min-height:77px;gap:12px;flex-wrap:wrap;padding:12px 4px}.brand span{font-size:8px}.brand strong{font-size:15px}.sector{order:4;border:0;padding:0;flex-direction:row;gap:10px;width:100%}.sector strong{font-size:11px}.sector>span{font-size:9px}.ship-status{min-width:86px;font-size:9px}.icon-button{width:31px;height:31px}.flight-deck{min-height:570px;height:calc(100dvh - 148px);flex:none}.overlay{padding:28px 24px;background:#07121def;align-items:center}.briefing h2{font-size:40px}.intro-copy{font-size:14px}.lesson-list>div{gap:10px}.key-group{width:118px}.lesson-list small{font-size:11px}.briefing-foot{font-size:10px}.eyebrow{font-size:9px}.control-strip{padding:10px 5px;min-height:50px}.control-strip>div:first-child{display:none}.control-strip>div:last-child{width:100%;justify-content:space-between}.mission{left:12px;bottom:14px;width:calc(100% - 24px);padding:10px 12px}.mission h1{font-size:18px}.mission p{font-size:12px}.mission-label{font-size:8px}.deck-label{left:15px;top:15px;font-size:8px}.scan-readout{bottom:auto;top:62px;right:12px;max-width:250px;padding:8px 12px}.scan-readout strong{font-size:13px}.scan-readout p{font-size:11px}.touch-on .scan-readout{bottom:auto}.dialog-card h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.comms{position:absolute;right:18px;top:43px;width:min(360px,calc(100% - 36px));background:#151d36ed;border:1px solid #8770bc;border-left:3px solid #c2a9ff;border-radius:6px;padding:10px 14px;pointer-events:none;z-index:2}.comms strong{display:block;font-size:10px;letter-spacing:.12em;color:#d3bfff}.comms strong span{float:right;font-size:8px;color:#a9a8c4}.comms p{font-size:12px;line-height:1.45;color:#ece6ff;margin:5px 0 0}.toast{top:auto;bottom:145px;max-width:60%}.audio-controls{border-top:1px solid #37515d;margin-top:20px;padding-top:12px}.audio-controls label{display:flex;gap:15px;align-items:center}.audio-controls input{accent-color:#8af8e7}.audio-controls p,#save-status{font-size:12px;color:#aac2cd}#save-dialog .primary{text-decoration:none;display:block;text-align:center}.control-strip>div{gap:14px}
@media(max-width:700px){.comms{right:12px;top:37px;width:calc(100% - 24px);padding:8px 10px}.comms p{font-size:11px}.toast{bottom:236px;max-width:90%;font-size:11px}.control-strip>div{gap:10px}.control-strip button{font-size:11px}.scan-readout{top:135px}.briefing-foot{line-height:1.5}}

/* Functional instrument console shared by both cameras. */
.instrument-deck{position:absolute;bottom:0;left:0;right:0;height:164px;background:linear-gradient(180deg,#29424e 0,#0d1c28 7px,#050c16 100%);border-top:2px solid #547d86;box-shadow:0 -12px 40px #02080f99;pointer-events:none;display:flex;justify-content:space-between;align-items:center;padding:17px 22px;gap:20px}
.flight-instruments{display:flex;align-items:center;gap:18px}.speed-dial{width:116px;height:116px;border-radius:50%;background:radial-gradient(circle,#0b202b 57%,transparent 59%),conic-gradient(from 225deg,#83f7de calc(var(--power,0)*270deg),#253d49 0deg, #253d49 270deg,transparent 270deg);border:1px solid #507380;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 0 15px #000;--power:0}.speed-dial span{font-size:10px;letter-spacing:.08em;color:#a3bdc8}.speed-dial strong{font:500 31px/1.15 'Space Grotesk',sans-serif;color:#d5fff2}.speed-dial small{font-size:9px;color:#70919f;letter-spacing:.15em}.instrument-stack{display:flex;flex-direction:column;width:84px;gap:5px}.instrument-stack>span{font-size:10px;color:#98b4c0;letter-spacing:.07em}.instrument-stack>strong{font:500 22px 'Space Grotesk',sans-serif;color:#e3eee8}.instrument-stack b{color:#9bffdf}.cockpit-shield-track{height:4px;background:#253e4b}.cockpit-shield-track i{display:block;height:4px;background:#84f4d6;width:100%}.nav-instrument{width:230px;background:#071824;border:1px solid #385663;border-radius:5px;padding:8px 10px}.nav-instrument>div{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.04em;color:#98b7c5}.nav-instrument b{font-weight:500}.sentinel-tag{color:#cbb4ff}.nav-instrument canvas{width:100%;height:93px}.nav-instrument small{display:flex;justify-content:space-between;font-size:8px;color:#bac8c8}.nav-instrument small span:nth-child(2){color:#d0b9ff}.nav-instrument small span:nth-child(3){color:#e7ad89}
.mission{left:270px;bottom:24px;width:calc(100% - 546px);min-height:107px;background:#091a28;border:1px solid #3e606c;border-top:2px solid #83edd8;border-radius:5px;padding:12px 16px}.mission h1{font-size:20px}.mission-label{font-size:9px}.mission .aura{display:none}.comms{z-index:1}.overlay{z-index:4}.scan-readout{bottom:183px}.toast{bottom:188px}.control-strip{flex-wrap:wrap;padding:10px 0;gap:5px 16px}.control-strip>div{flex-wrap:wrap}.control-strip button{font-size:13px;padding:8px 0}#view-toggle{color:#c4fff0;border:1px solid #527a7d;border-radius:5px;padding:7px 12px;background:#133039}.pilot-view #view-toggle{border-color:#b2dccc}.pilot-view .flight-deck{background:#071323}.pilot-view .toast{bottom:224px}
@media(min-width:701px) and (max-width:1050px){.instrument-deck{padding:16px 14px}.flight-instruments{gap:9px}.speed-dial{width:86px;height:86px}.speed-dial strong{font-size:25px}.instrument-stack{width:70px}.nav-instrument{width:186px}.mission{left:197px;width:calc(100% - 408px);padding:12px}.mission h1{font-size:17px}.mission p{font-size:12px}.control-strip>div:first-child{font-size:11px}.control-strip>div{gap:11px}}
@media(max-width:700px){.flight-deck{min-height:650px}.instrument-deck{height:310px;padding:13px 12px 119px;align-items:flex-start}.flight-instruments{gap:8px}.speed-dial{width:88px;height:88px}.speed-dial strong{font-size:24px}.speed-dial span{font-size:8px}.instrument-stack{width:60px;gap:4px}.instrument-stack>strong{font-size:19px}.instrument-stack>span{font-size:8px}.nav-instrument{width:calc(100% - 176px);padding:5px;max-width:230px}.nav-instrument>div{font-size:7px}.sentinel-tag b{display:none}.nav-instrument canvas{height:70px}.nav-instrument small{font-size:7px}.touch-on .mission,.mission{left:12px;bottom:110px;width:calc(100% - 24px);min-height:82px;padding:8px 12px}.mission h1{font-size:17px}.mission p{font-size:12px}.control-strip>div:last-child{justify-content:flex-start;gap:4px 16px}.control-strip button{font-size:12px}#view-toggle{font-size:13px;padding:8px 12px}.toast,.pilot-view .toast{bottom:329px;max-width:90%}.touch-on .scan-readout,.scan-readout{top:135px;bottom:auto}.comms p{font-size:12px}.touch-on .touch-controls{z-index:2}.overlay{padding:24px}.briefing-foot{font-size:12px}.briefing h2{font-size:38px}}
@media(max-width:370px){.speed-dial{width:74px;height:74px}.flight-instruments{gap:5px}.instrument-stack{width:52px}.nav-instrument{width:calc(100% - 143px)}.nav-instrument>div{flex-direction:column;gap:0}.nav-instrument canvas{height:57px}}

@media(min-width:701px){.touch-on .instrument-deck{bottom:108px}.touch-on .mission{bottom:132px}.touch-on .toast{bottom:300px}}
/* Player source notes share Sentinel's violet communications palette. */
#about{width:min(860px,94vw);max-width:860px;max-height:88dvh;overflow:auto;padding:32px}
#about>.close{position:sticky;top:0;float:right;z-index:5;background:#102332;border-radius:50%;width:36px;height:36px;line-height:1;margin-top:-16px;margin-right:-16px}
#about h2{padding-right:26px}
.source-page{height:auto;min-height:100vh;overflow:auto;background:#07121d;color:#e4f4fb}
.source-page main{max-width:850px;margin:50px auto;padding:0 24px 64px}
.source-page h1{font:600 clamp(30px,5vw,46px)/1.15 'Space Grotesk',sans-serif;margin:24px 0}
[data-source-notes]{font-size:16px;line-height:1.65}
.source-audio{position:sticky;top:0;z-index:2;background:#102332;border:1px solid #69588a;border-radius:12px;padding:16px;margin:24px 0;box-shadow:0 10px 20px #07121ddd}
.source-audio strong{display:block;color:#deccff;font-size:17px;margin-bottom:12px}
.source-audio audio{display:block;width:100%;height:40px;margin-bottom:8px;color-scheme:dark}
.source-audio p{font-size:14px!important;margin:6px 0 0!important;color:#bdcdd8}
.source-audio .text-button{padding:8px 0}
.source-note{border-bottom:1px solid #2b414e;padding:20px 0}
.source-note-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.source-note h3{font:600 20px/1.3 'Space Grotesk',sans-serif;margin:0;color:#e7d9ff}
.source-note .text-button{flex-shrink:0;border:1px solid #756293;border-radius:8px;padding:9px 14px;color:#e7d9ff;font-size:15px}
.source-note .text-button[aria-pressed=true]{background:#443457;color:#fff}
.source-note p{font-size:16px!important;line-height:1.65;color:#cad9e4}
.source-note small,.source-scope{font-size:14px;line-height:1.6;color:#9bb4c3}
.source-scope{margin:30px 0}
@media(max-width:600px){#about{padding:24px 18px}.source-note-heading{align-items:flex-start}.source-note h3{font-size:18px}.source-audio{position:relative}.source-page main{margin-top:28px}}

.control-strip .lab-return{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#99f6dc;text-decoration:none;border-bottom:1px solid #3d675f}.control-strip .lab-return:hover{color:#fff}.lab-return:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* Cinematic briefing keeps the flight scene visible beside the instructions. */
.overlay#intro{background:linear-gradient(90deg,#050e1de8 0%,#050e1db8 38%,#050e1d15 75%)}
.pilot-view .flight-deck{background:#071323 url(./cinematic-corridor.png) center/cover}
@media(max-width:700px){.overlay#intro{background:linear-gradient(90deg,#050e1de6,#050e1d82)}.briefing{position:relative;z-index:1}}