@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500 800;font-display:swap;src:url('vendor/barlow-condensed-bold.ttf')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('vendor/dm-sans.ttf')}
:root{color-scheme:dark;--lime:#d8ef79;--ink:#080e16;--muted:#86919c}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f1f2ed;font:14px 'DM Sans',Arial,sans-serif;overflow:hidden}#scene{position:fixed;inset:0}#scene canvas{width:100%;height:100%;display:block}body:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,rgba(5,10,16,.97),rgba(5,10,16,.83) 31%,rgba(5,10,16,.12) 68%),linear-gradient(0deg,rgba(5,10,16,.9),transparent 25%);z-index:1;pointer-events:none}body.playing:before{display:none}header,footer{position:fixed;z-index:2;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center}header{top:28px;padding-bottom:24px;border-bottom:1px solid #ffffff20}.brand{text-decoration:none;color:#f5f6ee;font-weight:700;letter-spacing:3px;font-size:19px;display:flex;align-items:center;gap:14px}.brand-mark{color:var(--lime);font-size:36px}.brand small{font-size:8px;color:var(--muted);letter-spacing:1.4px;font-weight:400;margin-left:20px}.connection{font-size:9px;letter-spacing:1.6px;color:#c6c9c8}.connection span{color:var(--muted);margin-left:15px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:8px}main{position:absolute;z-index:2;left:8%;top:18%;max-width:495px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}.eyebrow span{color:var(--lime);margin-right:24px}.eyebrow b{font-size:8px;font-weight:500;color:#ee977b;border:1px solid #ee977b50;padding:5px 8px}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(76px,9.5vw,150px);font-weight:700;line-height:.85;letter-spacing:-2px;margin:26px 0}h1 em{font-style:normal;color:var(--lime)}.intro{font-size:19px;line-height:1.55;letter-spacing:-.4px;margin:22px 0 12px}.story{max-width:380px;color:var(--muted);font-size:12px;line-height:1.85}.mission-stats{display:flex;gap:35px;margin:26px 0}.mission-stats div{display:flex;flex-direction:column;border-right:1px solid #ffffff22;padding-right:30px;gap:5px}.mission-stats div:last-child{border:0}.mission-stats strong{font:32px 'Barlow Condensed',Impact,sans-serif}.mission-stats span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}button{cursor:pointer;border:1px solid #ffffff30;padding:15px 18px;background:#131e26;color:#ddd;font:600 9px 'DM Sans',Arial,sans-serif;letter-spacing:1.3px;transition:background .2s}button:hover{background:#30423e}button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.primary{color:#172016;background:var(--lime);border-color:var(--lime)}.primary:hover{background:#ebffa0}.primary span{margin-left:22px;font-size:16px}.secondary{background:#0b141e90}.actions{display:flex;gap:10px;align-items:center}#load-status{font-size:10px;color:var(--muted)}#vr-entry button{position:static!important;width:auto!important;margin-top:12px!important;font-size:11px!important}.sector-card{position:absolute;z-index:2;bottom:14%;right:6%;width:300px;border:1px solid #ffffff28;background:#0b141ccc;backdrop-filter:blur(10px);padding:24px}.sector-card .eyebrow{display:flex;justify-content:space-between}.sector-card h2{font-size:20px;font-weight:500}.sector-card p{font-size:8px;letter-spacing:1px;line-height:2;color:var(--muted)}.route{display:flex;justify-content:space-between;margin:23px 0;border-top:1px solid #70855b}.route b{height:7px;width:7px;background:var(--lime);margin-top:-4px}.route .breach{background:#ee977b}.sector-card small{font-size:8px;line-height:2;color:#ee977b;letter-spacing:1px}.sector-card small span{color:var(--muted);letter-spacing:0}footer{bottom:22px;font-size:8px;letter-spacing:1.5px;color:var(--muted)}footer b{color:var(--lime);margin:0 12px}#hud{position:fixed;z-index:3;top:20px;left:3%;right:3%;display:flex;gap:40px;align-items:center;background:#08121cdb;border:1px solid #ffffff25;padding:16px 24px}#hud[hidden],#result[hidden]{display:none}#hud div{display:flex;flex-direction:column;gap:5px}#hud small{font-size:9px;letter-spacing:2px;color:var(--muted)}#hud strong{font:28px 'Barlow Condensed',sans-serif;color:var(--lime)}#hud span{font-size:10px}#hud button{margin-left:auto}body.playing header,body.playing footer{display:none}#reticle{position:fixed;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);color:#d8ef79aa;font-size:24px;pointer-events:none}#toast{position:fixed;z-index:5;bottom:100px;left:50%;transform:translateX(-50%);background:#101c28e8;padding:12px 22px;border-left:2px solid var(--lime);opacity:0;transition:opacity .2s;max-width:90%;text-align:center}#hint{position:fixed;bottom:24px;left:0;width:100%;text-align:center;font-size:10px;color:#cad1cf;background:#08121caa;padding:10px}dialog{z-index:8;border:1px solid #59716d;background:#0c1721;color:#eee;max-width:540px;width:94%;padding:32px}dialog::backdrop{background:#02060bba}dialog h2{font-size:26px;font-weight:500}dialog p{color:var(--muted);font-size:12px;line-height:1.6}dialog label{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff14}select{padding:8px;background:#1a2a34;border:1px solid #ffffff25;max-width:220px}input{accent-color:var(--lime)}dialog .actions{margin-top:25px}.controls{font-size:10px!important}#result{position:fixed;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);padding:40px;background:#091520f5;border:1px solid var(--lime);max-width:480px;width:90%}#result h2{font:48px 'Barlow Condensed',Impact,sans-serif}#result p{color:var(--muted);line-height:1.7}@media(max-height:800px){main{top:15%}h1{font-size:95px;margin:20px 0}.intro{font-size:17px;margin:12px 0}.mission-stats{margin:18px 0}.story{line-height:1.6}}@media(max-width:800px){main{left:6%;top:17%;max-width:90%}.sector-card{display:none}.brand small,.connection,footer span:last-child{display:none}h1{font-size:110px}.story{max-width:340px}#hud{gap:16px;padding:12px}#hud button{font-size:7px;padding:10px}footer{font-size:7px}.actions{gap:8px}button{padding:13px}}


body.playing #vr-entry{position:fixed;right:24px;bottom:64px;z-index:4}#scene canvas{touch-action:none}@media(max-height:850px) and (min-width:801px){main{top:16%}h1{font-size:100px}.intro{font-size:16px;line-height:1.4}.mission-stats{margin:14px 0}.story{font-size:11px}.actions button{padding:12px 16px}#load-status{font-size:9px}}

/* Mission countdown: a legible instrument panel that scales down to phone widths. */
#hud{--hud-alert:#ff694f;display:grid;grid-template-columns:minmax(100px,.65fr) minmax(280px,1.6fr) minmax(120px,.75fr) auto;gap:clamp(18px,3vw,48px);min-height:94px;padding:13px 18px 13px 24px;overflow:hidden;background:linear-gradient(115deg,#08131dee,#0d1c27e8 55%,#071019e8);border-top-color:#ffffff3d;box-shadow:0 18px 50px #0008,inset 0 1px #ffffff08;backdrop-filter:blur(14px)}
#hud::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 49.8%,#ffffff09 50%,transparent 50.2%),repeating-linear-gradient(90deg,transparent 0 44px,#ffffff05 45px,#ffffff05 46px);opacity:.55}
#hud::after{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--hud-alert);box-shadow:0 0 16px var(--hud-alert);animation:hud-alert-pulse 1.8s ease-in-out infinite}
#hud .hud-stat,#hud .timer{position:relative;z-index:1;min-width:0}
#hud .hud-stat{display:flex;flex-direction:column;gap:4px}
#hud .location-status{padding-left:18px;border-left:1px solid #ffffff1f}
#hud small{color:#99a8b4}
#hud strong{font-variant-numeric:tabular-nums}
#hud .timer{display:grid;grid-template-columns:1fr;gap:5px;padding:0 clamp(12px,2vw,24px);border-inline:1px solid #ffffff1f}
#hud .timer-heading,#hud .timer-readout,#hud .countdown-scale{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:14px}
#hud .timer-alert{color:#ff9b87;font-size:8px;font-weight:700;letter-spacing:1.5px;visibility:hidden}
#hud.countdown-critical .timer-alert{visibility:visible}
#hud .timer-alert i{width:5px;height:5px;margin-right:5px;background:var(--hud-alert);box-shadow:0 0 8px var(--hud-alert);animation:hud-alert-pulse 1.2s ease-in-out infinite}
#hud .timer-readout strong{color:#f5f8f3;font-size:36px;line-height:.85;letter-spacing:1px;text-shadow:0 0 22px #d8ef7938}
#hud .timer-readout span{color:#c8d0d3;font-size:8px;letter-spacing:1.6px}
#hud .countdown-status{position:relative;display:block;height:7px;overflow:hidden;border:1px solid #ffffff26;background:#02080d;box-shadow:inset 0 1px 4px #000}
#hud .countdown-status::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#06111bcc calc(10% - 1px) 10%)}
#hud .countdown-fill{position:absolute;inset:0;display:block;background:linear-gradient(90deg,var(--hud-alert),#ffc04c 35%,var(--lime) 70%);transform:scaleX(var(--countdown-progress,1));transform-origin:left;box-shadow:0 0 12px #d8ef7970;transition:transform .25s linear}
#hud .countdown-marker{position:absolute;z-index:1;inset:-2px auto -2px calc(var(--countdown-position,100%) - 2px);width:2px;background:#fff;box-shadow:0 0 8px #fff;transition:left .25s linear}
#hud.countdown-critical{--hud-alert:#ff3028;box-shadow:0 18px 50px #0008,inset 0 0 24px #ff302818}
#hud .countdown-scale span{color:#74828c;font-size:7px;letter-spacing:1.2px}
#hud button{position:relative;z-index:1;white-space:nowrap}
#hud kbd{padding:2px 5px;margin-left:5px;border:1px solid #ffffff36;border-radius:2px;background:#ffffff0a;color:#b9c3c6;font:inherit;font-size:8px}
@keyframes countdown-drain{to{transform:scaleX(0)}}
@keyframes countdown-marker{to{left:0}}
@keyframes hud-alert-pulse{0%,100%{opacity:.45}50%{opacity:1}}
@media(max-width:800px){#hud{top:10px;left:10px;right:10px;grid-template-columns:auto minmax(170px,1fr) auto;gap:12px;min-height:82px;padding:10px 12px}#hud .collection-status{display:none}#hud .location-status{padding-left:0;border-left:0}#hud .timer{padding:0 12px}#hud .timer-readout strong{font-size:31px}#hud .timer-readout span{display:none}#hud .timer-alert{letter-spacing:1px}#hud .countdown-scale{display:none}#hud .countdown-status{height:6px}#hud button{font-size:0;padding:10px}#hud button::before{content:'MENU';font-size:8px}#hud kbd{display:none}}
@media(max-width:480px){#hud{grid-template-columns:minmax(0,1fr) auto}#hud .location-status{display:none}#hud .timer{padding-left:0;border-left:0}#hud .timer-heading small{letter-spacing:1.4px}#hud .timer-alert{font-size:7px}}
@media(prefers-reduced-motion:reduce){#hud::after,#hud .timer-alert i{animation:none;opacity:1}}

/* Nerion underwater visual layer */
:root{--lime:#83ffe1;--ink:#03191f;--muted:#86a9aa}
body{background:#03191f;color:#edf8f4}
body:before{background:radial-gradient(circle at 76% 42%,rgba(24,128,126,.08),transparent 28%),linear-gradient(90deg,rgba(2,18,23,.98),rgba(2,22,27,.86) 34%,rgba(2,23,27,.18) 70%),linear-gradient(0deg,rgba(2,17,21,.94),transparent 28%)}
.brand-mark{filter:drop-shadow(0 0 12px #83ffe199)}
.sector-card{background:#041f26d9;border-color:#83ffe13b;box-shadow:0 24px 80px #001014aa}
#hud{background:linear-gradient(115deg,#042229f2,#08343ae8 55%,#03191fe8);border-color:#83ffe133}
#landmark{display:block;margin-top:6px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#bdd8c6}
#route-hint{display:block;margin-top:5px;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c0ed9b;font-size:9px}#route-hint[hidden]{display:none}

/* Hold A in VR, or H on desktop, to consult the centred dive instruments. */
#hud{top:auto;bottom:64px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 40px);max-width:1100px}
#hud[hidden]{display:none}