:root{--lime:#a3ff40;--lime-glow:rgba(163,255,64,.62);--black:#030503;--silver:#d0d7d2;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--black);color:var(--silver);font-family:Oxanium,Consolas,monospace}
button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}#experience{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:#030503}
#space{position:absolute;inset:0;width:100%;height:100%;display:block}#edge-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 27%,rgba(0,0,0,.1) 52%,#000c 100%);z-index:2}
.scene{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease;z-index:4;overflow:hidden}.scene.visible{opacity:1;visibility:visible}
#charging{z-index:5;background:radial-gradient(ellipse at 50% 48%,#16311b 0,#070b07 42%,#010201 82%);display:grid;place-items:center}.charging-copy{position:absolute;left:18px;right:18px;bottom:clamp(85px,11vh,130px);text-align:center;letter-spacing:.1em}h1{font-weight:700;font-size:clamp(1rem,2vw,1.35rem);letter-spacing:.25em;margin:.6rem 0}.charging-copy p:not(.eyebrow){font-size:.75rem;letter-spacing:.05em;color:#91a394}.eyebrow{font-size:.67rem;letter-spacing:.22em;color:var(--lime);font-weight:700}.charge-meter{margin:18px auto 0;max-width:240px;height:3px;background:#1e3120;overflow:hidden}.charge-meter span{display:block;width:0;height:100%;background:var(--lime);box-shadow:0 0 18px var(--lime)}
#gate{position:absolute;left:50%;top:43%;width:min(34vw,240px);height:min(34vw,240px);min-width:112px;min-height:112px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 26px #a3ff4088);will-change:transform,opacity}#gate>div{position:absolute;inset:0;border-radius:50%}.gate-outer{border:2px dashed #a3ff407a;box-shadow:inset 0 0 26px #a3ff4030,0 0 42px #a3ff4055;animation:gate-turn 12s linear infinite}.gate-ring{inset:9%!important;border:8px solid var(--lime);border-left-color:transparent;border-bottom-color:#a3ff4040;box-shadow:0 0 21px #a3ff40a3,inset 0 0 30px #a3ff4060;animation:gate-turn 7s linear infinite reverse}.gate-inner{inset:25%!important;border:2px solid #cdff9f77;box-shadow:0 0 48px #a3ff4050,inset 0 0 32px #a3ff4030;animation:gate-pulse 1.6s ease-in-out infinite alternate}.gate-sparks{inset:4%!important;border:2px dotted #e5ffd0;animation:gate-turn 3s linear infinite}
@keyframes gate-turn{to{transform:rotate(360deg)}}@keyframes gate-pulse{to{transform:scale(.88);opacity:.45}}
#warp-hud{z-index:3;overflow:visible}.vertical-readout{position:absolute;left:clamp(14px,3vw,46px);top:clamp(20px,5vh,52px);display:flex;flex-direction:column;gap:5px;text-shadow:0 0 12px #a3ff40ab;color:var(--lime);font-size:clamp(1.1rem,3vw,1.7rem);opacity:.55}.vertical-readout small{font-size:.53rem;letter-spacing:.19em}#speed-meter{position:absolute;right:clamp(12px,3vw,46px);top:clamp(23px,6vh,54px);color:#c6ff94;letter-spacing:.14em;font-size:.6rem;opacity:.55}
#plaid{position:absolute;inset:-5%;z-index:2;opacity:0;pointer-events:none;transform:scale(1.2);background:repeating-linear-gradient(90deg,transparent 0 22px,#b0ff42ad 24px 28px,transparent 30px 49px,#b0ff423a 50px 60px,transparent 62px 92px),repeating-linear-gradient(0deg,#020302 0 26px,#9cff34b9 28px 34px,#030503 36px 56px,#84bf26a0 57px 60px,#020302 62px 99px);background-blend-mode:screen;filter:contrast(2) saturate(1.8);will-change:transform,opacity}
#fx-flash{position:absolute;inset:0;z-index:18;pointer-events:none;background:radial-gradient(circle,#e1ffc8,#95ff37 35%,#183516 77%,transparent);opacity:0}
#reboot{z-index:6;background:radial-gradient(ellipse at 50% 46%,#111b13,#010201 70%);display:grid;place-items:center}#reboot .scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#8cff110a 5px 6px);pointer-events:none;mix-blend-mode:screen}.reboot-frame{width:min(750px,92vw);text-align:center}.reboot-frame>.eyebrow{font-size:.66rem;letter-spacing:.22em}.reboot-frame #reboot-logo-wrap{height:clamp(115px,25vh,260px);display:grid;place-items:center;filter:drop-shadow(0 0 25px #8aff2755)}#reboot-logo{max-width:min(460px,85vw);max-height:100%;object-fit:contain;filter:brightness(1.1);will-change:transform,filter}.reboot-screen{background:#020802cf;border:1px solid #3b7f2d;padding:18px;box-shadow:0 0 22px #a3ff4022;text-align:left;min-height:120px}#reboot-status{font-weight:700;font-size:clamp(.7rem,1.8vw,1rem);letter-spacing:.12em;color:var(--lime)}#reboot-progress{height:4px;margin-top:12px;background:#172c17}#reboot-progress>span{height:100%;display:block;width:0;background:var(--lime)}#reboot-lines{font-size:clamp(.58rem,1.2vw,.78rem);white-space:pre-wrap;line-height:1.6;color:#c3dcc0;margin:12px 0 0}
#recovery{z-index:7;background:#010401;display:grid;place-items:center}.recovery-terminal{width:min(920px,92vw);min-height:min(64vh,480px);background:#020802;box-shadow:0 0 38px #a3ff4024;position:relative;border:1px solid #345f2b;overflow:hidden}.terminal-top{height:34px;padding:10px 17px;display:flex;justify-content:space-between;color:#c9ffaa;font-size:.66rem;letter-spacing:.14em;background:#102013;border-bottom:1px solid #385e2e}.recovery-terminal pre{white-space:pre-wrap;word-break:break-word;margin:20px;font:clamp(.7rem,1.35vw,.95rem)/1.8 Consolas,'Courier New',monospace;color:#a3ff40;text-shadow:0 0 10px #a3ff4040}.terminal-cursor{font:clamp(.7rem,1.3vw,.9rem) Consolas,monospace;margin:0 20px;color:#9dff61}.terminal-cursor span{animation:blink .75s steps(1) infinite}@keyframes blink{50%{opacity:0}}#recovery-reveal{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse,#0f2514d8,#010501f0 67%);display:grid;place-items:center;transition:opacity .4s}.rec-circle{position:absolute;width:min(52vw,390px);aspect-ratio:1;border-radius:50%;border:1px dashed #a3ff4099;box-shadow:0 0 40px #a3ff402c,inset 0 0 40px #a3ff4024;animation:gate-turn 18s linear infinite}.rec-circle-b{width:min(37vw,270px);border:3px dotted #a3ff406c;animation-duration:9s;animation-direction:reverse}.rec-core{text-align:center;color:var(--lime);font-size:clamp(2rem,9vw,6rem);font-weight:700;text-shadow:0 0 30px #a3ff40}.rec-core small{display:block;font-size:.65rem;letter-spacing:.28em}
#dimensional{z-index:8;background:radial-gradient(circle at center,#132914 0,#030503 69%)}.rift-outer{position:absolute;inset:0;filter:drop-shadow(0 0 20px #a3ff40aa)}#rift-glow{position:absolute;inset:0;opacity:.8;background:radial-gradient(ellipse at center,#a3ff4033 0%,#2f842525 25%,transparent 70%)}#rift-window{position:absolute;inset:0;overflow:hidden;clip-path:polygon(49% 0,51% 3%,49% 18%,51% 30%,49% 47%,51% 64%,49% 83%,51% 100%);background:black;box-shadow:inset 0 0 90px #9fff52}#reality-canvas{display:block;width:100%;height:100%}#reality-distortion{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 6px,#b7ff4312 7px 8px);mix-blend-mode:screen;opacity:.6}.reality-banner{position:absolute;left:50%;bottom:clamp(100px,13vh,150px);transform:translateX(-50%);width:min(550px,90vw);text-align:center;background:#030803d1;border:1px solid #79cd4066;padding:14px 18px;box-shadow:0 0 32px #a3ff4029}.banner-top{font-size:.57rem;letter-spacing:.25em;color:#a3ff40}.reality-banner #dimension-label{font-size:clamp(.75rem,1.8vw,1rem);font-weight:700;letter-spacing:.12em;padding:9px 0;color:#e3ffce}.reality-banner #dimension-count{font-size:.63rem;letter-spacing:.15em;color:#99b390}
#assembly{z-index:9;background:#090d09}#arrival-preview{position:absolute;inset:0;border:0;width:100%;height:100%;pointer-events:none;filter:saturate(1.2);opacity:0}#arrival-preview.loaded{opacity:1}#assembly-tiles{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);overflow:hidden}#assembly-tiles>span{background:#030603;border:1px solid #a3ff4033;box-shadow:inset 0 0 25px #9aff3c1f;transition:transform .6s cubic-bezier(.12,.72,.2,1),opacity .52s ease;transform:translate(var(--dx,0),var(--dy,0)) rotate(var(--rotate,0deg)) scale(1.07)}#assembly-tiles.assembled>span{transform:none;opacity:0}#arrival-label{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);padding:17px 25px;background:#050905e8;border:1px solid #a3ff40a0;color:var(--lime);white-space:nowrap;text-align:center;font-size:clamp(.75rem,1.5vw,1.05rem);letter-spacing:.13em;box-shadow:0 0 45px #a3ff4033;transition:opacity .3s}#arrival-label span{display:block;font-size:.61rem;letter-spacing:.12em;color:#c8eec0;margin-top:9px}
#emergency{z-index:15;background:radial-gradient(ellipse at center,#14200e,#020402 80%);display:grid;place-items:center}.emergency-box{border:1px solid #79ad37;background:#040903;padding:clamp(20px,4vw,50px);width:min(760px,92vw);box-shadow:0 0 40px #9aff3c25}.emergency-box h2{font-size:clamp(1rem,3.5vw,1.8rem);color:#f2ffc8;margin:.7em 0}.emergency-box pre{color:var(--lime);font:clamp(.65rem,1.3vw,.9rem)/1.8 Consolas,monospace;white-space:pre-wrap;word-break:break-word}.emergency-note{color:#acc5a3;font-size:.78rem}.emergency-link{display:inline-block;margin-top:8px;color:#bbff83;font-weight:700;font-size:.76rem;text-decoration:underline;text-underline-offset:3px}
.controls{position:absolute;left:clamp(12px,3vw,42px);right:clamp(12px,3vw,42px);bottom:max(12px,env(safe-area-inset-bottom));z-index:25;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 14px;border:1px solid #a3ff403f;border-radius:5px;background:linear-gradient(120deg,#071008ec,#020703e9);backdrop-filter:blur(12px);box-shadow:0 0 20px #a3ff4013;transition:opacity .35s,transform .35s;opacity:1}.controls.is-hidden{opacity:0;transform:translateY(12px);pointer-events:none}.controls:focus-within{opacity:1;transform:none;pointer-events:auto}.controls-brand{font-size:.65rem;letter-spacing:.15em;color:#a2bb97;display:flex;align-items:center;gap:9px}.controls-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 11px var(--lime)}.controls-actions{display:flex;gap:12px;align-items:center}.control-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;color:#cceab8;background:transparent;padding:10px 13px;letter-spacing:.13em;font-size:.75rem;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}.control-button:hover,.control-button:focus-visible{color:var(--lime);border-color:#a3ff4099;outline:none}.control-button:focus-visible{box-shadow:0 0 0 2px #a3ff40}.skip-button{color:var(--lime);font-weight:700;border:1px solid #a3ff4073;min-width:95px}.control-separator{width:1px;height:25px;background:#456139}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.noscript{position:absolute;z-index:40;inset:0;background:#020502;display:grid;place-items:center;text-align:center;padding:30px;color:#b8ff67}.noscript a{color:var(--lime)}
@media(max-width:680px){.controls{left:8px;right:8px;padding:6px 8px;min-height:52px}.controls-brand{font-size:.52rem;letter-spacing:.08em}.control-button{padding:10px 8px;font-size:.7rem}.controls-actions{gap:3px}.recovery-terminal{min-height:53vh}.recovery-terminal pre{margin:12px}.terminal-cursor{margin:0 12px}.reality-banner{bottom:86px}.charge-meter{max-width:175px}}@media(max-width:380px){.controls-brand{max-width:100px;line-height:1.3}.control-button{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important} .scene{transition:opacity .3s ease!important}#space{opacity:.45}#edge-vignette{opacity:.5}}