:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#03030a;--cyan:#63e6ff;--magenta:#ff3da8;--white:#f5f7ff;--muted:#ebf0ff94;font-family:Inter,Geist,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scrollbar-width:thin;scrollbar-color:#63e6ff6b transparent}body{background:var(--bg);min-height:900vh;color:var(--white);overscroll-behavior-x:none;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body.is-loading,body.is-gated,body.game-mode{height:100vh;min-height:100vh;overflow:hidden}button{font:inherit}#app,#tunnel-canvas,.noise,.vignette{position:fixed;inset:0}#app{z-index:0;background:radial-gradient(circle at 50% 42%, #2416443b, transparent 45%), var(--bg);height:100svh;overflow:hidden}#tunnel-canvas{cursor:grab;touch-action:none;width:100%;height:100%}#tunnel-canvas:active{cursor:grabbing}.noise{z-index:2;pointer-events:none;opacity:.17;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.vignette{z-index:3;pointer-events:none;background:radial-gradient(circle,#0000 38%,#000000ad 100%),linear-gradient(#00000059,#0000 22% 76%,#0009)}.loading-screen,.entry-screen{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03030ac2;place-items:center;padding:24px;transition:opacity .9s,visibility .9s;display:grid;position:fixed;inset:0}.loading-screen.is-hidden,.entry-screen.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.loading-screen{text-align:center;align-content:center}.loader-orbit{border:1px solid #ffffff24;border-radius:50%;width:92px;height:92px;margin:0 auto 32px;animation:5s linear infinite spin;position:relative}.loader-orbit:before,.loader-orbit:after{border-radius:inherit;content:"";border:1px solid #63e6ff47;position:absolute;inset:13px}.loader-orbit:after{border-color:#ff3da85c;inset:27px}.loader-orbit i{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 22px var(--cyan);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(38px,-50%)}.loader-orbit i:nth-child(2){background:var(--magenta);box-shadow:0 0 22px var(--magenta);transform:translate(-50%,-41px)}.loader-orbit i:nth-child(3){background:#fff;transform:translate(-36px,-50%);box-shadow:0 0 18px #fff}.eyebrow,.chapter{color:#e1e8ff9e;letter-spacing:.28em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:700}#loading-value{letter-spacing:-.06em;margin:11px 0 16px;font-size:clamp(2rem,7vw,4rem);font-weight:300;display:block}.loading-track{background:#ffffff24;width:min(260px,68vw);height:1px;overflow:hidden}.loading-track span{background:linear-gradient(90deg, var(--cyan), var(--magenta));width:0;height:100%;transition:width .18s;display:block;box-shadow:0 0 16px #63e6ffcc}.entry-screen{background:linear-gradient(90deg,#03030ae3,#03030a2e 72%),radial-gradient(circle at 70%,#0000,#03030a70);justify-items:start}.entry-copy{width:min(780px,100%);margin-left:clamp(0px,7vw,110px)}.entry-copy h1{letter-spacing:-.095em;text-shadow:0 0 70px #63e6ff21;margin:14px 0 0;font-size:clamp(4rem,15vw,10.5rem);font-weight:840;line-height:.82}.entry-subtitle{color:var(--muted);letter-spacing:.03em;margin:22px 0 36px;font-size:clamp(1rem,2.2vw,1.45rem)}.entry-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.ghost-button,.icon-button{color:#fff;cursor:pointer;border:1px solid #fff3;transition:transform .22s,border-color .22s,background .22s}.primary-button,.ghost-button{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:54px;padding:0 22px;font-size:.78rem;font-weight:700;display:inline-flex}.primary-button{color:#08080d;background:#fff;border-color:#fff;gap:34px}.primary-button span{font-size:1rem}.ghost-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;gap:10px}.primary-button:hover,.ghost-button:hover,.icon-button:hover{border-color:var(--cyan);transform:translateY(-2px)}.primary-button:focus-visible,.ghost-button:focus-visible,.icon-button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.camera-dot{background:var(--magenta);width:7px;height:7px;box-shadow:0 0 12px var(--magenta);border-radius:50%}.privacy-note{color:#e2e8ff66;margin:16px 4px 0;font-size:.72rem}.story{z-index:6;pointer-events:none;position:fixed;inset:0}.story-card{opacity:0;filter:blur(16px);will-change:opacity, filter, transform;width:min(500px,100vw - 48px);position:absolute;top:50%;transform:translateY(calc(34px - 50%))}.story-card--left{left:clamp(24px,8vw,124px)}.story-card--right{text-align:right;right:clamp(24px,8vw,124px)}.story-card--center{text-align:center;width:min(860px,100vw - 40px);left:50%;transform:translate(-50%,calc(34px - 50%))}.story-card h2{letter-spacing:-.065em;text-wrap:balance;max-width:13ch;margin:13px 0 0;font-size:clamp(2.2rem,5vw,5.4rem);font-weight:600;line-height:.96}.story-card--right h2,.story-card--right p{margin-left:auto}.story-card--center h2{max-width:16ch;margin-inline:auto}.story-card p{max-width:34ch;color:var(--muted);margin-top:18px;font-size:clamp(.9rem,1.4vw,1.1rem);line-height:1.6}.story-card--center p{margin-inline:auto}.story-card--final h2{max-width:none;font-size:clamp(3.5rem,9vw,9rem)}.story-card--final em{color:#0000;background:linear-gradient(100deg, var(--cyan), #fff 48%, var(--magenta));-webkit-background-clip:text;background-clip:text;font-family:Georgia,Times New Roman,serif;font-weight:400}.story-card--final p{letter-spacing:.12em;text-transform:uppercase;margin-inline:auto}.hud{z-index:12;padding:max(22px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;inset:0}.brand-mark{letter-spacing:-.06em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1rem;font-weight:900;display:grid}.brand-mark span{color:var(--cyan);letter-spacing:0;margin:24px 0 0 36px;font-size:.43rem;position:absolute}.hud-side{align-items:center;gap:13px;height:44px;display:flex}.track-info{text-align:right;justify-items:end;gap:3px;margin-right:2px;display:grid}.track-info span{color:#ffffff57;letter-spacing:.2em;font-size:.46rem;font-weight:700}.track-info strong{color:#ffffffb8;letter-spacing:.08em;font-size:.58rem;font-weight:600}.icon-button{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09091280;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.icon-button.is-active{border-color:var(--magenta);box-shadow:0 0 24px #ff3da838}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:18px}.equalizer{justify-content:center;align-items:center;gap:2px;width:18px;height:16px;display:flex}.equalizer i{background:linear-gradient(180deg, var(--cyan), var(--magenta));border-radius:2px;width:2px;height:35%;animation:.75s ease-in-out infinite alternate equalize;box-shadow:0 0 5px #63e6ff59}.equalizer i:nth-child(2){animation-duration:.48s;animation-delay:-.2s}.equalizer i:nth-child(3){animation-duration:.9s;animation-delay:-.4s}.equalizer i:nth-child(4){animation-duration:.58s;animation-delay:-.1s}.sound-button.is-muted .equalizer i{opacity:.42;height:2px;animation-play-state:paused}.progress{background:#ffffff2e;width:clamp(74px,11vw,150px);height:1px;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--cyan), var(--magenta));width:0;height:100%;box-shadow:0 0 10px var(--cyan);display:block}.progress-value{color:#ffffff9e;font-variant-numeric:tabular-nums;width:21px;font-size:.58rem}.game-interface{z-index:11;opacity:0;pointer-events:none;transition:opacity .7s;position:fixed;inset:0}body.game-mode .game-interface{opacity:1}.crosshair{opacity:.48;width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:after{content:"";border:1px solid #ffffffa6;border-radius:50%;position:absolute;inset:9px;box-shadow:0 0 12px #63e6ff80}.crosshair i{background:#ffffff59;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair i:first-child{width:26px;height:1px}.crosshair i:last-child{width:1px;height:26px}.desktop-help{color:#ffffff7a;letter-spacing:.04em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#06060e8a;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:14px;padding:10px 12px;font-size:.62rem;display:flex;position:absolute;bottom:22px;left:22px}.desktop-help span{white-space:nowrap;align-items:center;gap:4px;display:flex}.desktop-help kbd{color:#ffffffc7;background:#ffffff0f;border:1px solid #fff3;border-radius:4px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:.58rem;display:grid}.desktop-help b{color:#ffffffc7;font-weight:650}.desktop-help button{color:var(--cyan);cursor:pointer;text-transform:uppercase;background:0 0;border:0;border-left:1px solid #ffffff24;padding:6px 9px;font-size:.6rem}.joystick,.look-zone,.touch-help{display:none}.scroll-hint{bottom:max(24px, env(safe-area-inset-bottom));z-index:10;color:#ffffff80;letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:12px;font-size:.62rem;font-weight:700;transition:opacity .4s;display:flex;position:fixed;left:50%;transform:translate(-50%)}.scroll-hint i{border:1px solid #ffffff4d;border-radius:999px;width:26px;height:38px;position:relative}.scroll-hint i:after{background:var(--cyan);width:3px;height:7px;box-shadow:0 0 8px var(--cyan);content:"";border-radius:2px;animation:1.6s ease-in-out infinite scroll-dot;position:absolute;top:7px;left:50%;transform:translate(-50%)}.camera-toast{z-index:30;color:#ffffffbf;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090911d1;border:1px solid #ffffff26;border-radius:12px;max-width:min(360px,100vw - 48px);padding:13px 16px;font-size:.76rem;line-height:1.45;transition:opacity .25s,transform .25s;position:fixed;bottom:24px;right:24px;transform:translateY(12px)}.camera-toast.is-visible{opacity:1;transform:translateY(0)}.camera-fallback{z-index:40;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02020ac7;place-items:center;padding:24px;transition:opacity .3s;display:grid;position:fixed;inset:0}.camera-fallback.is-visible{opacity:1;pointer-events:auto}.camera-fallback__card{background:radial-gradient(circle at 80% 0,#ff3da826,#0000 42%),#070812f0;border:1px solid #63e6ff40;border-radius:22px;width:min(580px,100%);padding:clamp(28px,5vw,54px);box-shadow:0 32px 90px #0000008c,0 0 70px #63e6ff14}.camera-fallback__card h2{letter-spacing:-.055em;margin:12px 0 14px;font-size:clamp(2rem,6vw,4rem);line-height:.96}.camera-fallback__card p{color:#ffffff94;margin:0;font-size:.9rem;line-height:1.65}.camera-fallback__actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.camera-fallback__actions .primary-button,.camera-fallback__actions .ghost-button{cursor:pointer;justify-content:center;align-items:center;width:auto;display:inline-flex}#camera-video,.memory-video{opacity:0;pointer-events:none;width:2px;height:2px;position:fixed}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scroll-dot{0%{opacity:0;transform:translate(-50%)}35%{opacity:1}to{opacity:0;transform:translate(-50%,15px)}}@keyframes equalize{0%{height:20%}to{height:95%}}@media (width<=720px){body{min-height:780vh}.entry-screen{background:linear-gradient(#03030a38 25%,#03030af7);place-items:end stretch}.entry-copy{margin:0 0 max(48px, env(safe-area-inset-bottom))}.entry-copy h1{font-size:clamp(4rem,24vw,7rem)}.entry-actions{flex-direction:column;align-items:stretch}.primary-button,.ghost-button{width:100%}.story-card,.story-card--left,.story-card--right{text-align:left;width:auto;inset:auto 24px 12vh;transform:translateY(28px)}.story-card--right h2,.story-card--right p{margin-left:0}.story-card--center{text-align:center;width:calc(100vw - 32px);top:50%;bottom:auto;left:50%;transform:translate(-50%,calc(28px - 50%))}.story-card h2{font-size:clamp(2.1rem,11vw,4.3rem)}.story-card--final h2{font-size:clamp(3.4rem,16vw,6rem)}.hud{padding-inline:16px}.track-info,.scroll-hint span{display:none}}@media (pointer:coarse),(width<=720px){.desktop-help{display:none}.touch-help{right:20px;bottom:max(158px, calc(env(safe-area-inset-bottom) + 140px));color:#ffffff5c;letter-spacing:.08em;text-align:center;text-transform:uppercase;font-size:.58rem;transition:opacity .7s;display:block;position:absolute;left:20px}body.has-moved .touch-help{opacity:0}.joystick{bottom:max(24px, env(safe-area-inset-bottom));left:max(22px, env(safe-area-inset-left));color:#ffffff59;letter-spacing:.18em;pointer-events:auto;touch-action:none;justify-items:center;gap:7px;font-size:.5rem;font-weight:700;display:grid;position:absolute}.joystick-ring{background:radial-gradient(circle,#63e6ff14,#ffffff06 56%,#0000 58%);border:1px solid #ffffff2e;border-radius:50%;width:104px;height:104px;position:relative;box-shadow:inset 0 0 28px #63e6ff0a}.joystick-knob{background:#08121cd1;border:1px solid #63e6ff8c;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #63e6ff33}.look-zone{pointer-events:auto;touch-action:none;width:55vw;height:72vh;display:block;position:absolute;bottom:0;right:0}.look-zone span{right:25px;bottom:max(58px, env(safe-area-inset-bottom));color:#fff3;letter-spacing:.18em;font-size:.5rem;font-weight:700;position:absolute}.crosshair{opacity:.32}.camera-toast{right:16px;bottom:max(152px, calc(env(safe-area-inset-bottom) + 134px))}.camera-fallback{padding:16px}.camera-fallback__actions{flex-direction:column}.camera-fallback__actions .primary-button,.camera-fallback__actions .ghost-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}