:root{color:#d7fff5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#071314;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:#071314;width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}.experience{background:radial-gradient(circle at 50% 42%,#68d2b00f,#0000 31%),linear-gradient(#071314 0%,#041010 100%);width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.experience canvas{width:100%;height:100%;display:block}.controls-toggle{z-index:26;color:#d9fff6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#030d0ec7;border:1px solid #85ffe23d;border-radius:6px;min-height:28px;padding:0 10px;font-size:11px;font-weight:700;line-height:1;position:fixed;top:10px;right:10px;box-shadow:0 10px 34px #00000061}.controls-toggle:hover{background:#264642d1}.control-panel{z-index:20;color:#d9fff6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030d0ed1;border:1px solid #85ffe238;border-radius:8px;width:min(288px,100vw - 20px);max-height:calc(100vh - 56px);padding:8px;position:fixed;top:44px;right:10px;overflow:auto;box-shadow:0 18px 70px #0000007a}.control-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.control-header h1,.control-section h2{letter-spacing:0;margin:0;font-size:10px;font-weight:700;line-height:1.2}.control-header h1{font-size:11px}.control-header button,.copy-button{color:#d9fff6;cursor:pointer;background:#6fffdf1c;border:1px solid #85ffe242;border-radius:5px;min-height:22px;padding:0 7px;font-size:10px}.control-header button:hover,.copy-button:hover{background:#6fffdf2e}.control-section{border-top:1px solid #85ffe221;padding:6px 0}.control-section h2{color:#9fffea;margin-bottom:4px}.control-field{grid-template-columns:28px minmax(0,1fr) 58px;align-items:center;gap:5px;min-height:22px;font-size:10px;display:grid}.control-field span{color:#d9fff6c7}.control-field input[type=range]{accent-color:#75ffe1;width:100%}.control-field input[type=number]{color:#eafffa;background:#00000052;border:1px solid #85ffe233;border-radius:4px;width:58px;min-width:0;padding:2px 4px;font-size:10px}.settings-output{resize:vertical;color:#cafff3;background:#0000005c;border:1px solid #85ffe22b;border-radius:5px;width:100%;height:92px;margin:6px 0;padding:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9px;line-height:1.25;display:block}.copy-button{width:100%}.audio-toggle{z-index:25;color:#d9fff6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#030d0eb8;border:1px solid #85ffe238;border-radius:7px;min-height:34px;padding:0 12px;position:fixed;bottom:14px;left:14px;box-shadow:0 12px 42px #0006}.audio-toggle:hover{background:#264642c7}.landscape-prompt{z-index:70;color:#effff4;text-align:center;background:radial-gradient(#8bffb213,#0000 15rem),radial-gradient(#00000094,#000000fa 72%),#000;place-items:center;padding:22px;font-family:Courier New,Lucida Console,Monaco,monospace;display:none;position:fixed;inset:0;overflow:hidden}.landscape-prompt:before,.landscape-prompt:after{content:"";pointer-events:none;position:absolute;inset:0}.landscape-prompt:before{opacity:.28;background:repeating-linear-gradient(0deg,#ffffff0e 0 1px,#0000 1px 5px);animation:7s linear infinite tracking-roll}.landscape-prompt:after{background:radial-gradient(#0000 24%,#000000c2 100%)}.phone-tilt,.landscape-prompt-text,.landscape-prompt-subtext{z-index:1;position:relative}.phone-tilt{border:3px solid #eefff2d1;border-radius:13px;width:76px;height:126px;margin-bottom:28px;animation:2.2s ease-in-out infinite phone-rotate;box-shadow:0 0 16px #a0ffb738,inset 0 0 18px #a0ffb714}.phone-tilt span{background:#eefff29e;border-radius:99px;width:16px;height:3px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.landscape-prompt-text{letter-spacing:0;text-shadow:2px 0 #6cff983d,-1px 0 #ffffff24,0 0 18px #91ffb03d;max-width:18rem;font-size:1.12rem;font-weight:800;line-height:1.15;animation:3s steps(2,end) infinite prompt-flicker}.landscape-prompt-subtext{color:#effff494;letter-spacing:0;margin-top:12px;font-size:.78rem;font-weight:700}.mobile-info-button{z-index:68;color:#effff4;letter-spacing:0;text-shadow:0 0 10px #9cffb53d;cursor:pointer;background:linear-gradient(#e2ffe61f,#0000003d),#020806c7;border:1px solid #d7ffe147;border-radius:50%;width:34px;height:34px;padding:0;font-family:Courier New,Lucida Console,Monaco,monospace;font-size:1rem;font-weight:800;line-height:1;display:none;position:fixed;bottom:14px;right:14px;box-shadow:0 0 20px #75ff9a14,inset 0 0 18px #0000007a}.mobile-info-button:active{transform:translateY(1px)}.mobile-info-panel{z-index:69;color:#effff4;text-shadow:0 0 10px #9cffb52e;background:linear-gradient(#e2ffe61a,#0000003d),#020806e6;border:1px solid #d7ffe13d;border-radius:6px;width:min(320px,100vw - 28px);padding:14px 38px 14px 14px;font-family:Courier New,Lucida Console,Monaco,monospace;position:fixed;bottom:58px;right:14px;box-shadow:0 0 28px #75ff9a1a,inset 0 0 22px #0000008f}.mobile-info-title{margin-bottom:8px;font-size:.75rem;font-weight:900}.mobile-info-copy{color:#effff4bd;font-size:.68rem;font-weight:700;line-height:1.35}.mobile-info-close{color:#effff4;cursor:pointer;background:#ffffff0f;border:1px solid #d7ffe12e;border-radius:4px;width:22px;height:22px;padding:0;font-size:.68rem;font-weight:900;position:absolute;top:8px;right:8px}.loading-screen{z-index:80;color:#f0fff7;background:radial-gradient(at 50% 54%,#87ffac0e,#0000 16rem),radial-gradient(#040d0a47 0%,#000000fc 72%),linear-gradient(#020303 0%,#000 100%);place-items:center;font-family:Courier New,Lucida Console,Monaco,monospace;display:grid;position:fixed;inset:0;overflow:hidden}.loading-screen-done{pointer-events:none;animation:.95s forwards loading-exit}.loading-noise,.loading-noise:before,.loading-noise:after{content:"";pointer-events:none;position:absolute;inset:0}.loading-noise{opacity:.44;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#6fffab05 0 1px,#0000 1px 9px)}.loading-noise:before{opacity:.17;background-image:radial-gradient(circle at 14% 24%,#ffffffd1 0 .5px,#0000 1px),radial-gradient(circle at 62% 74%,#9affc58a 0 .5px,#0000 1px),radial-gradient(circle at 88% 42%,#ffffff75 0 .45px,#0000 .9px);background-size:19px 23px,31px 37px,47px 43px;animation:.22s steps(2,end) infinite grain}.loading-noise:after{background:radial-gradient(#0000 20%,#00000094 58%,#000000f5 100%),linear-gradient(#0000006b,#0000 38%,#0000009e)}.loading-ritual{z-index:2;text-align:center;background:linear-gradient(#e0ffe509,#0000000d),radial-gradient(#77ff9f0e,#0000 64%);border:1px solid #c9ffd71f;place-items:center;width:min(520px,100% - 34px);min-height:148px;padding:28px 22px 24px;display:grid;position:relative;box-shadow:inset 0 0 30px #000000ad,0 0 90px #6bff9709}.loading-ritual:before,.loading-ritual:after{content:"";background:linear-gradient(90deg,#0000,#dcffe647,#0000);width:min(700px,84%);height:1px;position:absolute;left:50%;transform:translate(-50%)}.loading-ritual:before{top:18px}.loading-ritual:after{bottom:18px}.loading-bar-shell{filter:contrast(1.2);width:min(420px,82vw);position:relative}.loading-bar{background:linear-gradient(#000000b8,#0a141057),#010303;border:1px solid #d6ffe038;grid-template-columns:repeat(18,1fr);gap:4px;height:26px;padding:5px;display:grid;box-shadow:inset 0 0 16px #000000eb,0 0 18px #8affa714}.loading-bar span{background:#c2ffd10f;border:1px solid #ccffd814;box-shadow:inset 0 0 8px #000000e0}.loading-bar span.is-loaded{background:linear-gradient(#fffc,#a9ffb994 48%,#45975873),#dffff0;border-color:#f2fff694;animation:2.6s steps(2,end) infinite loading-block-flicker;box-shadow:0 0 8px #c8ffd247,inset 0 0 7px #ffffff47}.loading-percent{color:#ebffefd1;letter-spacing:0;text-align:right;text-shadow:1px 0 #60ff963d,0 0 11px #a3ffb933;margin-top:14px;font-size:.82rem;font-weight:700;animation:4s steps(2,end) infinite loading-percent-jitter}@media (width<=720px){.loading-ritual{min-height:130px;padding-inline:18px}.loading-bar{gap:3px;height:23px}}.screen-html{pointer-events:auto}.pc-screen-content{color:#7dff9c;text-shadow:0 0 8px #4dff7bad;background:repeating-linear-gradient(0deg,#7dff9c14 0 1px,#0000 1px 5px),radial-gradient(circle,#2d824c3d,#0000 48%),#000502f5;border:2px solid #7dff9c73;border-radius:8px;place-items:center;width:520px;height:390px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 38px #53ff7a2e,0 0 30px #33ff6b29}button.pc-screen-content{appearance:none;cursor:zoom-in;padding:0}.pc-screen-content:before,.pc-screen-content:after{content:"";pointer-events:none;position:absolute;inset:0}.pc-screen-content:before{opacity:.22;mix-blend-mode:screen;background:linear-gradient(90deg,#ff006038,#0000 18% 82%,#00ff842e),radial-gradient(#0000 50%,#000000bd)}.pc-screen-content:after{opacity:.08;background-image:radial-gradient(circle at 12% 22%,#fff 0 .5px,#0000 .8px),radial-gradient(circle at 72% 62%,#7dff9c 0 .5px,#0000 .8px);background-size:43px 37px,59px 53px;animation:.28s steps(2,end) infinite grain}.screen-zooming{animation:.9s ease-out forwards terminal-zoom}.idle-screen{text-align:center;align-content:center;gap:12px}.idle-screen div{color:#b8ffcb;font-size:56px;font-weight:800}.idle-screen span{text-transform:uppercase;opacity:.74;font-size:16px}.zoom-message{z-index:1;text-transform:uppercase;background:#000802c2;border:1px solid #7dff9c70;padding:18px 22px;position:relative}.os-boot,.terminal-menu,.challenge-screen,.secret-screen{z-index:1;background:#000a03c2;border:1px solid #7dff9c6b;width:100%;height:100%;min-height:0;padding:16px;position:relative;box-shadow:inset 0 0 34px #53ff7a21,0 0 60px #000000b8}.os-title{color:#b8ffcb;text-align:center;text-transform:uppercase;margin-bottom:10px;font-size:48px;font-weight:800;line-height:.95}.jester-face{image-rendering:auto;filter:saturate(1.4)contrast(1.12)drop-shadow(0 0 22px #50ff766b);border:1px solid #7dff9c3d;width:170px;margin:0 auto 10px;display:block}.boot-log{opacity:.86;gap:3px;width:min(430px,100%);margin:0 auto 10px;font-size:11px;display:grid}.boot-log span:before{content:"> "}.boot-bar,.challenge-meter{background:#00000080;border:1px solid #7dff9c7a;width:min(430px,100%);height:12px;margin:0 auto}.boot-bar span,.challenge-meter span{background:linear-gradient(90deg,#47ff72,#b9ffca);height:100%;display:block;box-shadow:0 0 16px #56ff7e6b}.boot-bar span{animation:4.2s linear forwards boot-fill}.boot-status{text-align:center;opacity:.82;margin-top:8px;font-size:12px}.terminal-topline{color:#b8ffcb;text-transform:uppercase;margin-bottom:14px;font-size:13px}.terminal-window{gap:14px;width:min(420px,100%);display:grid}.terminal-option{color:#b8ffcb;text-align:left;cursor:pointer;width:min(420px,100%);min-height:36px;text-shadow:inherit;background:#1fff5a14;border:1px solid #7dff9c70;border-radius:3px;padding:0 14px}.terminal-option:hover{background:#1fff5a29}.muted-option{color:#b8ffcb9e}.challenge-screen{width:100%}.challenge-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;font-size:12px;display:flex}.challenge-header button{color:#b8ffcb;cursor:pointer;background:#1fff5a14;border:1px solid #7dff9c57;border-radius:3px;min-height:32px;padding:0 12px}.challenge-grid{grid-template-columns:minmax(0,1fr) 150px;align-items:stretch;gap:10px;display:grid}.video-frame{background:#000;border:1px solid #7dff9c5c;min-height:300px;animation:.18s steps(2,end) infinite challenge-shake;position:relative;overflow:hidden}.video-frame video{object-fit:cover;width:100%;height:100%;min-height:300px;transform:scale(1.05)}.video-corruption{pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 5px),linear-gradient(90deg,#ff006421,#0000 22% 78%,#00ff6e26);animation:4.2s linear infinite tracking-roll;position:absolute;inset:0}.challenge-panel{background:#00000057;border:1px solid #7dff9c47;align-content:start;gap:8px;padding:10px;font-size:11px;display:grid}.challenge-panel p{color:#b8ffcba8;margin:0;line-height:1.45}.clip-list{flex-wrap:wrap;gap:4px;display:flex}.clip-list span{color:#b8ffcb94;border:1px solid #7dff9c38;place-items:center;width:24px;height:22px;display:grid}.clip-list .active-clip{color:#001b08;background:#7dff9c;box-shadow:0 0 16px #7dff9c61}.secret-screen{text-align:center;align-content:center;justify-items:center;gap:16px;display:grid}.secret-code{overflow-wrap:anywhere;color:#001b08;width:min(440px,100%);text-shadow:none;background:#7dff9c;border:1px solid #b8ffcbdb;padding:14px;font-size:18px}.vhs-overlay{z-index:5;pointer-events:none;mix-blend-mode:screen;opacity:.28;background:repeating-linear-gradient(0deg,#ffffff0e 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#ff004e06 0 1px,#46dcb905 1px 2px,#0000 2px 5px);animation:5.6s steps(8,end) infinite scanline-jitter;position:fixed;inset:0}.vhs-overlay:before,.vhs-overlay:after{content:"";pointer-events:none;position:absolute;inset:0}.vhs-overlay:before{opacity:.095;background-image:radial-gradient(circle at 11% 22%,#ffffffa6 0 .5px,#0000 .8px),radial-gradient(circle at 42% 72%,#5ce1bc6b 0 .45px,#0000 .75px),radial-gradient(circle at 81% 37%,#ffffff80 0 .55px,#0000 .85px);background-size:31px 37px,43px 41px,53px 47px;animation:.42s steps(3,end) infinite grain}.vhs-overlay:after{opacity:.07;background:linear-gradient(90deg,#ff006029,#0000 12% 88%,#46dcb91f),radial-gradient(#0000 48%,#00040694 100%);animation:7s ease-in-out infinite color-drift}.vhs-roll{z-index:6;pointer-events:none;opacity:.07;mix-blend-mode:screen;background:linear-gradient(#0000 0% 45%,#bef5e124 50%,#0000 56% 100%);animation:11s linear infinite tracking-roll;position:fixed;inset:-20% 0}@keyframes scanline-jitter{0%,to{transform:translateY(0)}14%{transform:translateY(-1px)}28%{transform:translateY(1px)}46%{transform:translateY(-2px)}71%{transform:translateY(0)}}@keyframes grain{0%{transform:translate(0,0)}33%{transform:translate(-1.7%,1.1%)}66%{transform:translate(1.2%,-1.4%)}to{transform:translate(0,0)}}@keyframes color-drift{0%,to{transform:translate(0)}50%{transform:translate(1.5px)}}@keyframes tracking-roll{0%{transform:translateY(-45%)}to{transform:translateY(45%)}}@keyframes loading-title-fail{0%,70%,77%,84%,to{opacity:1;transform:translate(0)}72%{opacity:.22;transform:translate(-2px,1px)skew(-3deg)}74%{opacity:.92;transform:translate(3px,-1px)skew(2deg)}86%{opacity:.08;transform:translate(0)scaleY(.98)}}@keyframes loading-title-slice{0%,82%,88%,to{opacity:0}84%{opacity:1;transform:translate(8px,-1px)}86%{opacity:.45;transform:translate(-6px,1px)}}@keyframes loading-block-flicker{0%,82%,to{opacity:1}84%{opacity:.62}86%{opacity:.92}}@keyframes loading-percent-jitter{0%,88%,to{opacity:.82;transform:translate(0)}90%{opacity:.46;transform:translate(-1px)}92%{opacity:.92;transform:translate(2px)}}@keyframes phone-rotate{0%,24%{transform:rotate(0)}58%,to{transform:rotate(90deg)}}@keyframes prompt-flicker{0%,78%,to{opacity:1;transform:translate(0)}80%{opacity:.38;transform:translate(-2px)}82%{opacity:.92;transform:translate(2px)}}@keyframes loading-exit{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(6px)}}@keyframes terminal-zoom{0%{opacity:0;clip-path:inset(42% 45%);transform:scale(.86)}to{opacity:1;clip-path:inset(0);transform:scale(1)}}@keyframes boot-fill{0%{width:4%}to{width:100%}}@keyframes challenge-shake{0%,to{transform:translate(0)}33%{transform:translate(var(--challenge-shake), calc(var(--challenge-shake) * -.6))}66%{transform:translate(calc(var(--challenge-shake) * -.7), var(--challenge-shake))}}@media (prefers-reduced-motion:reduce){.vhs-overlay,.vhs-overlay:before,.vhs-overlay:after,.vhs-roll,.phone-tilt,.landscape-prompt-text{animation:none}}@media (orientation:portrait) and (width<=900px){.landscape-prompt{display:grid}}@media (hover:none) and (pointer:coarse){.mobile-info-button{display:block}}@media (width<=720px){.control-panel{width:calc(100vw - 20px);max-height:48vh;top:auto;bottom:10px;right:10px}.lobotomy-os{padding:12px}.os-boot,.terminal-menu,.challenge-screen,.secret-screen{min-height:calc(100vh - 24px);padding:16px}.challenge-grid{grid-template-columns:1fr}.video-frame,.video-frame video{min-height:360px}}
