@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Rajdhani:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--cyan:#37deff;--muted:#8199aa}*{box-sizing:border-box}body{margin:0;background:#03090e;color:#e5f7ff;font-family:Rajdhani,Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #ffca67;outline-offset:7px}#world,.vignette{position:fixed;inset:0;width:100%;height:100%}.vignette{pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,#02070bb0 100%)}header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:26px;padding:27px 38px;z-index:3;border-bottom:1px solid #66d6ff15;background:linear-gradient(#02090ed9,transparent)}.brand{font:900 italic 21px Orbitron,Arial;text-decoration:none;color:#fff}.brand b{color:var(--cyan);font-size:30px}.edition{font-size:10px;letter-spacing:2px;color:#b5c4cf}.edition span{display:block;color:#536b7c;margin-top:4px}.small{background:#0615209e;border:1px solid #285064;padding:10px 16px;font-size:11px;letter-spacing:2px}#sound{margin-left:auto}main{position:fixed;inset:110px 0 60px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.eyebrow{font-size:11px;letter-spacing:3px;color:#9dc5d6}.eyebrow i,footer i{display:inline-block;width:5px;height:5px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-right:10px;border-radius:50%}h1{font:900 italic clamp(45px,9vw,110px)/1 Orbitron,Arial;margin:13px 0 0;letter-spacing:-5px;color:#c6d7df;text-shadow:0 3px 0 #1a3444,0 -1px 0 #ffcf89,0 0 34px #000;transform:skew(-5deg)}h1 span{font-size:1.35em;color:#19b7e9;text-shadow:0 0 25px #0bb9f66b,0 -1px 0 #ffe1a0;margin-left:8px}.tagline{font-size:17px;letter-spacing:5px;color:#a4b7c1;margin:13px 0 30px}.reactor{width:118px;height:118px;border-radius:50%;border:3px solid #56e5ff;background:repeating-radial-gradient(circle,#071522 0 5px,#285065 6px 9px,#0b1a24 10px 15px);box-shadow:0 0 0 7px #061520,0 0 0 9px #127baa,0 0 35px #07c7ff80,inset 0 0 18px #02baff;display:grid;place-items:center;transition:.2s}.reactor:hover{transform:scale(1.08);box-shadow:0 0 0 7px #061520,0 0 0 9px #80ecff,0 0 70px #07c7ff90}.reactor span{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle,#ffe75c,#fc9c16 60%,#502e0b 72%);font-size:32px;padding-left:5px;color:#06171f;text-shadow:0 0 2px white;border:2px solid #b5efff;box-shadow:0 0 20px #ffb91f55}.enter{font-size:12px;letter-spacing:3px;margin-top:24px;color:#d5ecf6}.enter span{display:block;font-size:9px;color:#64818f;letter-spacing:2px;margin-top:7px}.menu-bottom{display:flex;gap:30px;align-items:center;margin-top:34px}.menu-bottom button{border:0;background:none;min-width:130px;font-size:24px;color:var(--cyan)}.menu-bottom span,.menu-bottom b{display:block;font-size:10px;letter-spacing:2px;color:#809aa9;margin-top:9px}.menu-bottom b{color:#dbedf5;font-size:12px;letter-spacing:1px}.divider{height:40px;width:1px;background:#31505c}footer{position:fixed;bottom:0;width:100%;padding:20px 38px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#698695;background:linear-gradient(transparent,#030a10)}footer button{background:none;border:0;font-size:10px;letter-spacing:2px;color:#91b5c7}#hud{position:fixed;top:100px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}#hud button{pointer-events:auto}#hud span{display:block;font-size:10px;letter-spacing:3px;color:#8cbbd0}#hud strong{font:500 30px Orbitron,monospace}#hud small{color:var(--cyan)}.hud-center{text-align:center}.hud-center b{display:block;font-size:11px;letter-spacing:2px;margin-top:9px;color:#e6bf70}#overlay{position:fixed;inset:0;z-index:4;display:grid;place-items:center;background:#01070caa;backdrop-filter:blur(8px)}.panel{width:min(90vw,460px);padding:36px;background:linear-gradient(135deg,#0c202bea,#040d14f5);border:1px solid #2a5264;box-shadow:0 0 80px #001219;text-align:center}h2{font:700 29px Orbitron,Arial;margin:16px 0 25px}#body{font-size:17px;color:#a6c0cd;line-height:1.55}#body strong{color:#fff}#body a{color:var(--cyan)}.primary{margin-top:22px;padding:15px;width:100%;border:1px solid var(--cyan);background:#123f52;font-weight:700;letter-spacing:2px}.text-button{background:none;border:0;color:#86a8ba;margin-top:22px;font-size:12px;letter-spacing:2px}#touch{position:fixed;bottom:68px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:2}#touch div{display:grid;gap:6px}#touch button{width:47px;height:40px;background:#041621bb;border:1px solid #367488;border-radius:6px;touch-action:none}#world{touch-action:none}[hidden]{display:none!important}@media(min-width:850px) and (pointer:fine){#touch{display:none!important}}@media(max-width:600px){header{padding:18px 20px}.edition{display:none}footer{padding:18px;font-size:8px}#hint{display:none}footer button{font-size:8px}h1{letter-spacing:-3px}.tagline{font-size:12px;letter-spacing:3px}main{inset:85px 0 55px}.eyebrow{font-size:9px;letter-spacing:2px}#hud{left:20px;right:20px;top:90px}#hud strong{font-size:22px}.hud-center{max-width:110px}.menu-bottom{margin-top:28px}.panel{padding:28px}}@media(max-height:650px){main{inset:72px 0 42px}h1{font-size:55px}.tagline{margin:10px 0 18px}.reactor{width:85px;height:85px}.reactor span{width:55px;height:55px}.enter{margin-top:16px}.menu-bottom{margin-top:16px}.menu-bottom button{font-size:17px}}

.audio-controls{margin-left:auto;display:flex;align-items:center;gap:14px}.volume-control{display:grid;gap:4px;color:#8ab0c1;font-size:9px;letter-spacing:1px}.volume-control span{display:flex;justify-content:space-between}#volume{width:80px;height:14px;margin:0;accent-color:var(--cyan);cursor:pointer;touch-action:manipulation}#volume:focus-visible{outline:2px solid #ffca67;outline-offset:4px}@media(max-width:600px){header{gap:12px}.audio-controls{gap:9px}#sound{padding:9px;font-size:9px;letter-spacing:1px}#volume{width:62px}.volume-control{font-size:8px}.brand{font-size:17px}.brand b{font-size:25px}}
.in-flight header{border:0;background:none;padding:20px 24px;pointer-events:none}.in-flight header .brand,.in-flight header .edition{display:none}.in-flight .audio-controls{pointer-events:auto}.in-flight footer{background:linear-gradient(transparent,#030810d9)}.in-flight footer>span:first-child{visibility:hidden}.in-flight .vignette{background:radial-gradient(ellipse at center,transparent 38%,#02040c77 100%)}
#hud{top:16px;left:24px;right:24px;height:115px;z-index:2}#hud .distance-box{position:fixed;left:28px;bottom:74px;background:linear-gradient(110deg,#101c2be6,#030b1699);border-left:2px solid #49bce5;padding:10px 18px;clip-path:polygon(0 0,88% 0,100% 18%,100% 100%,0 100%)}#hud .distance-box span{font-size:9px}#hud .distance-box strong{font-size:22px;color:#b7d9ef}.hud-center{position:absolute;left:50%;top:-16px;transform:translateX(-50%);width:200px;max-width:none}.score-frame{position:relative;margin:0 auto;width:180px;height:90px;padding:10px 12px 18px;clip-path:polygon(0 0,100% 0,84% 100%,16% 100%);background:linear-gradient(100deg,#174770,#7dbed8 48%,#153968);filter:drop-shadow(0 0 6px #0aaeff99)}.score-frame::before{content:'';position:absolute;inset:3px;clip-path:polygon(0 0,100% 0,84% 100%,16% 100%);background:linear-gradient(#11243a,#050c18 65%,#0d2847);border-top:3px solid #324e6c}.score-frame>*{position:relative;z-index:1}#hud .score-frame>span{font:700 italic 14px Orbitron,Arial;color:#dcedff;letter-spacing:1px;margin-bottom:4px}#hud .score-frame>strong{font:700 30px Orbitron,monospace;color:#e6f8ff;text-shadow:0 0 10px #28a8ff70}.hud-center>#sector{margin-top:9px;font-size:9px;text-shadow:0 1px 3px #000}.hud-center>b{font-size:10px;letter-spacing:1px;text-shadow:0 1px 4px #000}
.pause-orb{position:absolute;left:0;top:0;display:grid;place-items:center;width:64px;height:64px;border:3px solid #88edff;border-radius:50%;background:radial-gradient(circle,#134e80 30%,#04101b 57%,#339dd6 60%,#092644 70%);color:#cbfaff;font:900 28px Orbitron,Arial;box-shadow:0 0 0 3px #154568,0 0 0 5px #28b5e9,0 0 18px #09b9fa7a;text-shadow:0 0 10px #48dfff}
.in-flight::after{content:'';position:fixed;left:0;right:0;bottom:0;height:20px;pointer-events:none;background:linear-gradient(#45b8de,#101c33 3px,#07101c 7px,#020710);clip-path:polygon(0 35%,14% 0,32% 45%,68% 45%,86% 0,100% 35%,100% 100%,0 100%);opacity:.8}
@media(max-width:600px){.in-flight header{padding:15px 12px}.in-flight .audio-controls{flex-direction:column;gap:5px;align-items:flex-end}.in-flight #sound{font-size:8px;padding:6px 8px}.in-flight .volume-control span{display:none}#hud{left:16px;right:16px;top:16px}.pause-orb{width:45px;height:45px;font-size:22px}.score-frame{width:135px;height:77px}#hud .score-frame>strong{font-size:25px}#hud .score-frame>span{font-size:12px}.hud-center{width:175px}.hud-center>b{font-size:9px}#hud .distance-box{left:14px;bottom:66px;padding:8px 12px}#hud .distance-box strong{font-size:17px}}
#scene{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}body:not(.in-flight) .vignette{background:radial-gradient(ellipse at 50% 40%,#00000005 15%,#01071344 85%)}body:not(.in-flight) header{background:linear-gradient(#020913aa,transparent);border:0}main{inset:17vh 0 7vh;justify-content:flex-start}.eyebrow{color:#8ebfcd;text-shadow:0 2px 6px #000}h1{font-size:clamp(60px,9.5vw,170px);letter-spacing:-7px;margin-top:16px;color:#c7dbe5;background:linear-gradient(#f4fbff 8%,#a1b9c6 29%,#ecfaff 43%,#637b90 48%,#b5d8e6 72%,#6b8a9d 93%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 1px 0 #e0f7ff) drop-shadow(3px 5px 0 #163140) drop-shadow(1px 2px 0 #057b9c) drop-shadow(6px 9px 2px #000);text-shadow:none;transform:skew(-7deg)}h1 span{display:inline-block;background:linear-gradient(135deg,#b3faff 5%,#02d0f8 35%,#0583b3 48%,#42e2ff 60%,#07517e 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 7px #10caffaa);font-size:1.32em}.tagline{font-size:clamp(11px,1.4vw,22px);letter-spacing:7px;color:#bfe6f3;text-shadow:0 0 12px #15baff,0 2px 8px #000;margin:20px 0 0}.reactor{position:relative;width:clamp(125px,16vh,205px);height:clamp(125px,16vh,205px);flex-shrink:0;margin-top:7vh;border:5px solid #3c718b;background:repeating-conic-gradient(from 15deg,#1c3448 0deg 14deg,#030d16 15deg 28deg,#618092 29deg 30deg);box-shadow:0 0 0 4px #02080d,0 0 0 7px #55758a,0 10px 0 9px #020810,0 16px 22px 14px #000c,inset 0 0 0 10px #0a1522,inset 0 0 0 13px #56eaff,inset 0 0 24px 16px #0fc6ff55;isolation:isolate}.reactor::before{content:'';position:absolute;inset:17%;border-radius:50%;background:#071421;border:4px solid #57798d;box-shadow:0 0 0 4px #040a12,0 0 12px #08caff}.reactor span{position:relative;width:58%;height:58%;font-size:clamp(35px,5vh,56px);border:3px solid #fff0b8;background:radial-gradient(circle at 44% 38%,#fff4a3,#ffba28 45%,#fb870b 70%,#7d3507 90%);box-shadow:0 0 0 4px #58300f,0 0 0 6px #c3d3da,0 0 25px #ff9709aa,inset 0 0 12px #fff5ba}.reactor::after{content:'';position:absolute;left:-25%;right:-25%;height:35%;bottom:-45%;z-index:-1;background:radial-gradient(ellipse,#fba52666,transparent 68%);transform:scaleY(.5);filter:blur(8px)}.reactor:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 0 4px #02080d,0 0 0 7px #77cce6,0 12px 0 9px #020810,0 19px 24px 14px #000c,inset 0 0 0 10px #0a1522,inset 0 0 0 13px #a6f6ff,inset 0 0 24px 16px #0fc6ff88}.enter{margin-top:24px;text-shadow:0 2px 5px #000}.menu-bottom{margin-top:auto;padding:17px 36px;border-top:1px solid #65b6d547;border-bottom:1px solid #65b6d520;background:linear-gradient(90deg,transparent,#04101bbe 25%,#04101bbe 75%,transparent);min-width:min(650px,90vw);justify-content:center;gap:48px}.menu-bottom button{min-width:180px;font-size:26px;text-shadow:0 0 10px #1fcfff}.menu-bottom span{color:#dceef7;font-size:12px;letter-spacing:3px}.menu-bottom b{font-size:10px;color:#8aaaba}.menu-bottom .divider{height:45px;background:linear-gradient(transparent,#89d3ef,transparent)}
@media(max-height:800px){main{inset:12vh 0 7vh}h1{font-size:clamp(54px,8vw,125px)}.tagline{margin-top:12px}.reactor{margin-top:4vh;width:112px;height:112px}.enter{margin-top:17px;font-size:10px}.menu-bottom{padding:10px 20px}.menu-bottom span{margin-top:4px}.menu-bottom b{margin-top:5px}.menu-bottom button{font-size:20px}}@media(max-width:600px){main{inset:17vh 0 9vh}h1{font-size:14vw;letter-spacing:-4px}.tagline{font-size:10px;letter-spacing:3px}.reactor{margin-top:7vh;width:145px;height:145px}.menu-bottom{gap:18px;padding:12px 15px;min-width:92vw}.menu-bottom button{min-width:125px}.menu-bottom span{font-size:9px;letter-spacing:1px}.menu-bottom b{font-size:10px}.eyebrow{font-size:8px;letter-spacing:2px}}@media(max-height:520px){main{inset:13vh 0 8vh}.eyebrow{display:none}h1{font-size:46px;margin-top:0}.tagline{font-size:9px;margin-top:8px;letter-spacing:3px}.reactor{margin-top:15px;width:83px;height:83px}.reactor span{font-size:25px}.enter{margin-top:13px;font-size:8px}.enter span{display:none}.menu-bottom{padding:5px 12px;gap:18px}.menu-bottom button{font-size:14px}.menu-bottom span{font-size:8px}.menu-bottom b{font-size:8px}}
:root{--cyan:#34aacf}body{background:#010208}.in-flight .vignette{background:radial-gradient(ellipse at center,transparent 32%,#01010b77 100%)}.tagline{color:#97b5d0;text-shadow:0 0 12px #326196,0 2px 8px #000}.eyebrow{color:#bd759e}.eyebrow i{background:#ff247e;box-shadow:0 0 12px #ff247e}.score-frame{background:linear-gradient(100deg,#252248,#ab519e 48%,#101938)}.score-frame::before{background:linear-gradient(#101128,#030611 65%,#141125)}#hud .score-frame>strong{text-shadow:0 0 13px #fc258770}.in-flight #hud .distance-box{background:linear-gradient(110deg,#070919e8,#030510cc);border-left-color:#ff2c87}.stage-track{height:3px;width:100%;background:#303042;margin-top:8px}#stage-progress{height:100%;width:0;background:#ff2887;box-shadow:0 0 8px #ff2887}#hud #next-stage{font-size:8px;letter-spacing:1px;color:#b4a5c1;margin-top:6px}#stage-alert{position:fixed;top:158px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;padding:10px 22px;z-index:2;pointer-events:none;border-top:1px solid #ff2887;border-bottom:1px solid #772151;background:#0a0517d9;color:#ff8cbe;font:700 10px Orbitron,Arial;letter-spacing:2px;box-shadow:0 0 22px #ff188322;text-align:center}.in-flight #status{text-shadow:0 0 9px #090115,0 2px 5px #000}@media(max-width:600px){#stage-alert{top:140px;font-size:8px;letter-spacing:1px;padding:8px 12px}#hud #next-stage{font-size:7px}}

#countdown{position:fixed;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:26px;pointer-events:none;background:radial-gradient(circle at center,#01051244,transparent 55%)}.countdown-ring{display:grid;place-items:center;width:clamp(135px,24vh,220px);aspect-ratio:1;border:2px solid #48d9ff;border-radius:50%;background:radial-gradient(circle,#072034bb,#020711dd);box-shadow:0 0 0 8px #07223a,0 0 0 10px #126782,inset 0 0 36px #109ab344,0 0 50px #059dca55}#countdown-number{font:900 clamp(75px,15vh,140px)/1 Orbitron,monospace;color:#e0faff;text-shadow:0 0 12px #5bdfff,0 0 35px #03adff}#countdown>span{font:700 11px Orbitron,monospace;letter-spacing:4px;color:#b3eaff;text-shadow:0 2px 8px #000}

/* Supplied metallic logo; crop empty margins in layout and blend its black
   backdrop into the tunnel without skewing or recolouring the artwork. */
#menu,body:not(.in-flight) header{mix-blend-mode:screen}
.title-logo{width:min(86vw,125vh,1200px);aspect-ratio:5.1;flex-shrink:0;height:auto;margin:16px 0 0;background:none;filter:none;transform:none;font-size:inherit;line-height:0;letter-spacing:0;text-shadow:none;-webkit-text-fill-color:initial}
.title-logo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.brand{display:block;width:175px;flex:0 0 175px;line-height:0}
.brand img{display:block;width:100%;height:auto;aspect-ratio:5.1;object-fit:cover;object-position:center}
@media(max-width:600px){.title-logo{width:92vw;margin-top:20px}.brand{width:130px;flex-basis:130px}}
@media(max-height:520px){.title-logo{width:min(76vw,100vh);margin-top:0}}

.capture-button{position:absolute;left:84px;top:15px;background:#06101dcc;border:1px solid #40768c;padding:10px 12px;font-size:10px;letter-spacing:1px}.capture-button small{margin-left:7px;color:#8ed9ee}
#capture-tools{position:fixed;z-index:5;left:50%;bottom:62px;transform:translateX(-50%);width:min(420px,calc(100vw - 30px));padding:17px 20px;background:#020714eb;border:1px solid #4c9aad;box-shadow:0 4px 35px #0008;display:grid;gap:10px;text-align:center}#capture-tools strong{font:700 12px Orbitron,monospace;letter-spacing:3px;color:#b8f1ff}#capture-readout{font-size:12px;color:#d3dcea}#capture-tools label{font-size:9px;letter-spacing:2px;color:#97aabe}#capture-time{width:100%;margin:0;accent-color:#57dcff;touch-action:manipulation}#capture-tools>div{display:flex;gap:10px}#capture-tools button{flex:1;background:#102634;border:1px solid #408498;padding:11px 7px;font-size:11px;font-weight:700;letter-spacing:1px}#capture-tools button:focus-visible{outline:2px solid #ffca67}
@media(max-width:600px){.capture-button{left:0;top:60px;padding:7px 8px;font-size:8px}.capture-button small{display:none}#capture-tools{bottom:50px;padding:12px 15px;gap:8px}#capture-readout{font-size:11px}}
@media(max-height:520px){#capture-tools{bottom:40px;padding:10px 14px;gap:6px}#capture-tools strong{font-size:10px}#capture-tools button{padding:8px}}
#capture-tools{top:22px;bottom:auto}
@media(max-width:600px){#capture-tools{top:100px;bottom:auto}}
@media(max-height:520px){#capture-tools{top:12px;bottom:auto}}