*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:OCR A;src:url(/fonts/OCRAStd.otf) format("opentype"),url(/fonts/OCRAStd.ttf) format("truetype");font-weight:400;font-style:normal}:root{--neon-pink: #FF10F0;--neon-blue: #00FFFF;--neon-green: #39FF14;--neon-yellow: #FFFF00;--neon-orange: #FF6600;--neon-purple: #8A2BE2;--dark-bg: #000000;--grid-color: rgba(0, 255, 255, .3);--horizon-color: #ff00ff;--sun-color: #ff6600;--theme-blue: #4495F1;--theme-gold: #D1A032;--theme-green: #33FF33;--theme-red: #FF0000;--theme-white: #FFFFFF}body{font-family:OCR A,Anton,sans-serif;background-color:var(--dark-bg);color:#fff;height:100vh;width:100vw;overflow:hidden;position:relative;line-height:1.05}.hidden{display:none!important}.phase1{background-color:var(--dark-bg)}.credits-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.single-credit-container{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.credit{font-family:Anton,sans-serif;color:var(--theme-white);text-align:center;padding:10px;position:absolute;transform-origin:center;letter-spacing:1px;white-space:nowrap}.credit.company,.credit.title{letter-spacing:5px;text-transform:uppercase;width:100%;white-space:normal;text-align:center;color:var(--theme-blue)}.credit.hierarchical,.credit.bilingual,.credit.firstname-lastname{position:relative;width:80%;max-width:800px;white-space:normal;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--theme-white)}.credit.hierarchical>div,.credit.bilingual>div{width:100%}.credit.white{color:var(--theme-white)}.credit.single{font-size:clamp(6rem,12vw,12rem);letter-spacing:4px;text-align:center;font-weight:700;width:90%;line-height:1.05}.credit.single .name-first{font-size:.5em;margin-bottom:10px}.credit.single .name-last{font-size:1em}.credit.has-description{margin-bottom:5px}.credit-description{font-family:OCR A Std,Courier New,monospace!important;font-weight:700;font-size:clamp(1.8rem,4.5vw,3.75rem);opacity:.8;text-transform:uppercase;letter-spacing:1px;margin-top:10px;position:relative;text-align:center;max-width:100%;color:var(--theme-white)!important}.credit.grid-item .credit-description,.credit.row-item .credit-description{font-family:OCR A Std,Courier New,monospace!important;font-size:clamp(1.8rem,3.75vw,3rem);opacity:.7;color:var(--theme-white)!important}.packery-description{position:absolute;font-size:1.2rem;text-align:center;color:var(--theme-white)!important;width:100%;max-width:100%;opacity:.8}.font-anton{font-family:Anton,sans-serif;letter-spacing:2px}.credit,.credit *:not(.credit-description),.name-first,.name-last,.start-title,.title-word{font-family:Anton,Arial Black,sans-serif!important;font-display:swap}@font-display : swap;.font-ocr-a{font-family:OCR A,monospace;letter-spacing:1px}.font-clash-display{font-family:Clash Display,sans-serif;font-weight:700}.font-cabinet-grotesk{font-family:Cabinet Grotesk,sans-serif;font-weight:800}.font-satoshi{font-family:Satoshi,sans-serif;font-weight:900}.font-general-sans{font-family:General Sans,sans-serif;font-weight:700}.font-switzer{font-family:Switzer,sans-serif;font-weight:800}.font-melodrama{font-family:Melodrama,serif;font-weight:700}.font-tanker{font-family:Tanker,sans-serif;font-weight:900}.credit-group{position:absolute;display:flex;flex-direction:column;align-items:center;width:auto}.multi-layout{position:absolute;width:100%;height:100%;top:0;left:0}.phase2{background-color:var(--dark-bg)}.title-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.title-word{font-family:Anton,sans-serif;font-size:clamp(4rem,15vw,12rem);letter-spacing:10px;text-transform:uppercase;opacity:0;position:relative;margin:10px 0;text-align:center}#title-enter{color:var(--neon-blue)}#title-the{color:var(--neon-pink)}#title-vibe{color:var(--neon-yellow)}.phase3{background:linear-gradient(180deg,#000,#0a0a2a);perspective:1000px}.digital-landscape{width:100%;height:100%;position:relative;perspective:1000px;overflow:hidden}.grid{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 0%,var(--grid-color) 100%);background-size:50px 50px;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);transform:none}.horizon{position:absolute;bottom:30%;left:0;width:100%;height:2px;background:var(--horizon-color);box-shadow:0 0 20px 5px var(--horizon-color)}.sun{position:absolute;width:200px;height:200px;border-radius:50%;background:linear-gradient(to right,var(--neon-pink),var(--neon-blue));filter:blur(10px);top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 100px 20px #ff10f0b3}.mountains{position:absolute;bottom:30%;left:0;width:100%;height:15%;background-image:linear-gradient(135deg,transparent 0%,transparent 50%,#220033 50%,#220033 100%),linear-gradient(225deg,transparent 0%,transparent 50%,#220033 50%,#220033 100%);background-size:100px 100px;background-position:0 0,50px 0;opacity:.7}.particles-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}.particle{position:absolute;width:3px;height:3px;background-color:#fff;border-radius:50%}.vibe-coding{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;opacity:0;z-index:100}.glitch,.flicker{animation:flicker .5s infinite}.electric{animation:electric .3s infinite}@keyframes flicker{0%{opacity:1}25%{opacity:.8}50%{opacity:1}60%{opacity:.5}70%{opacity:1}80%{opacity:.7}to{opacity:1}}@keyframes electric{0%{filter:hue-rotate(0deg) contrast(1)}25%{filter:hue-rotate(30deg) contrast(1.2)}50%{filter:hue-rotate(60deg) contrast(1.1)}75%{filter:hue-rotate(90deg) contrast(1.3)}to{filter:hue-rotate(120deg) contrast(1)}}.top-left{top:15%;left:15%}.top-center{top:15%;left:50%;transform:translate(-50%)}.top-right{top:15%;right:15%}.middle-left{top:50%;left:15%;transform:translateY(-50%)}.middle-center{top:50%;left:50%;transform:translate(-50%,-50%)}.middle-right{top:50%;right:15%;transform:translateY(-50%)}.bottom-left{bottom:15%;left:15%}.bottom-center{bottom:15%;left:50%;transform:translate(-50%)}.bottom-right{bottom:15%;right:15%}.letter{font-family:Anton,sans-serif;font-size:clamp(3rem,8vw,7rem);margin:0 5px;color:var(--theme-white);position:relative;display:inline-block}.space{width:2rem}@media (max-width: 768px){.title-word{font-size:clamp(3rem,12vw,8rem);letter-spacing:5px}.letter{font-size:clamp(2rem,6vw,4rem);margin:0 3px}}@media (max-width: 480px){.title-word{font-size:clamp(2rem,10vw,6rem);letter-spacing:3px}}#start-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:100}.start-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.start-title{font-size:clamp(3rem,15vw,10rem);font-family:Anton,sans-serif;color:var(--theme-white);letter-spacing:5px;animation:flicker 2s infinite alternate}#start-button{background-color:transparent;color:var(--neon-green);border:2px solid var(--neon-green);padding:12px 30px;font-family:Anton,sans-serif;font-size:1.5rem;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px var(--neon-green)}#start-button:hover{background-color:var(--neon-green);color:var(--dark-bg);transform:scale(1.05)}#start-button:active{transform:scale(.98)}#intro-phase{background-color:var(--dark-bg)}.intro-container{display:flex;justify-content:center;align-items:center;width:90%;max-width:1000px;height:100%;text-align:center;position:relative}.typer-text{font-family:OCR A,Anton,sans-serif;font-size:clamp(1.6rem,3.2vw,2.8rem);color:var(--theme-white);line-height:1.4;letter-spacing:1px;white-space:pre-wrap;word-wrap:break-word}.typer-cursor{display:inline-block;font-family:OCR A,Anton,sans-serif;font-size:clamp(2rem,4vw,3.5rem);color:var(--neon-green);animation:cursor-blink 1s infinite;margin-left:2px}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.audio-visualizer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.freq-range-highlight{position:absolute;background-color:#ffffff1a;border:1px dashed rgba(255,255,255,.3);pointer-events:none;z-index:1}.beat-controls{position:fixed;top:20px;right:20px;width:300px;background-color:#000000d9;color:var(--theme-white);padding:15px;z-index:1000;border-radius:8px;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 20px #4495f14d;font-family:Inter,sans-serif;font-size:12px;display:block}.beat-controls .control-row{margin-bottom:12px}.beat-controls label{display:block;margin-bottom:5px;font-size:12px;font-weight:400;-webkit-user-select:none;user-select:none}.beat-controls input[type=range]{width:100%;height:7px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff3;border-radius:5px;outline:none}.beat-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#4299e1cc;cursor:pointer;border:1px solid rgba(255,255,255,.6)}.beat-controls input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#4299e1cc;cursor:pointer;border:1px solid rgba(255,255,255,.6)}.beat-controls select,.beat-controls button{width:100%;padding:6px 10px;background-color:#00000080;color:var(--theme-white);border:1px solid rgba(255,255,255,.3);border-radius:4px;font-family:Inter,sans-serif;font-size:12px;cursor:pointer}.beat-controls #toggle-controls{margin-top:10px}.debug-panel{position:fixed;bottom:20px;left:20px;font-family:Inter,sans-serif;font-size:12px;background-color:#000000b3;color:var(--theme-white);padding:10px;z-index:1000;border-radius:4px;border:1px solid rgba(255,255,255,.3)}.phase{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:5}.button-row{display:flex;gap:10px}.action-button{background-color:#4495f166!important;border:1px solid rgba(68,149,241,.6)!important}.action-button:hover{background-color:#4495f199!important}.credit.grid-item,.credit.row-item{position:relative;font-weight:700;text-shadow:none;opacity:1;transition:all .3s ease;transform-style:preserve-3d;line-height:1.05;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding:20px;font-size:clamp(2rem,6vw,4rem)}.name-first{font-size:clamp(2rem,6vw,4rem);font-weight:400;margin-bottom:5px;text-transform:uppercase;letter-spacing:2px;width:100%;text-align:center;line-height:1.05}.name-last{font-size:clamp(2rem,6vw,4rem);font-weight:700;letter-spacing:1px;width:100%;text-align:center;line-height:1.05}.credit.bilingual{width:80%;max-width:900px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(2rem,5vw,3.5rem);line-height:1.2;text-align:center}.credit.hierarchical{width:80%;max-width:900px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(2.5rem,6vw,4rem);line-height:1.2;text-align:center}.credit.firstname-lastname{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(5rem,12vw,10rem);text-align:center;line-height:1.05}.credit.title{font-size:clamp(10rem,20vw,20rem);text-align:center;line-height:1.05;font-weight:700;letter-spacing:8px}.end-scene{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000c;z-index:1000;color:var(--theme-white)}.end-scene button{padding:1rem 2rem;font-size:1.5rem;font-family:Anton,sans-serif;background-color:transparent;color:var(--neon-green);border:2px solid var(--neon-green);cursor:pointer;transition:all .3s ease}.end-scene button:hover{background-color:var(--neon-green);color:var(--dark-bg);box-shadow:0 0 20px #33ff33b3}#hero-panel-root{font-family:Inter,sans-serif;font-size:12px;font-weight:400;position:fixed;top:0;right:0;z-index:10000;pointer-events:none}#hero-panel-root>div{pointer-events:auto}#hero-panel-root input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:7px;border-radius:5px;background-color:#fff3;outline:none}#hero-panel-root input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#4299e1cc;cursor:pointer;border:1px solid rgba(255,255,255,.8)}#hero-panel-root input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#4299e1cc;cursor:pointer;border:1px solid rgba(255,255,255,.8)}#hero-panel-root{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff4d;transition:.3s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s}input:checked+.slider{background-color:#4299e1cc}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.bottom-controls{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:9999;opacity:1;transition:opacity .3s ease}.bottom-controls.hidden{display:none}.bottom-controls-container{display:flex;align-items:center;justify-content:center;gap:8px;background:#000000f2;border:1px solid rgba(20,20,20,1);border-radius:32px;padding:8px 12px;box-shadow:0 0 15px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;outline:none}.control-btn:hover{background:transparent;transform:scale(1.05)}.control-btn:active{background:transparent;transform:scale(.95)}.control-btn svg{width:24px;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.control-btn.active{background:#4299e14d;border-color:#4299e199}.control-btn.active:hover{background:#4299e166;border-color:#4299e1cc}@media (max-width: 768px){.bottom-controls{bottom:20px}.bottom-controls-container{gap:6px;padding:6px 10px}.control-btn{width:40px;height:40px}.control-btn svg{width:20px;height:20px}}@media (max-width: 480px){.bottom-controls{bottom:15px}.bottom-controls-container{gap:4px;padding:4px 8px}.control-btn{width:36px;height:36px}.control-btn svg{width:18px;height:18px}}.name-first,.name-last,.credit.single,.credit.grid-item,.credit.row-item,.credit.firstname-lastname,.credit.company,.credit.ai_company,.credit.non_western,.credit.tech,.credit.artist,.credit.writer,.credit.hacker,.credit.creative{color:var(--theme-white)}.credit.title{color:var(--theme-blue)}.credit.special{color:var(--neon-pink)}.credit.hierarchical .category-heading{color:var(--theme-blue);font-weight:700;margin-bottom:10px}.credit.bilingual .language-heading{color:var(--theme-gold);font-weight:700;margin-bottom:8px}.logo-glitch{animation:logoGlitch .3s infinite alternate}@keyframes logoGlitch{0%{filter:brightness(0) invert(1) hue-rotate(0deg);transform:translate(0) scale(1)}10%{filter:brightness(0) invert(1) hue-rotate(90deg) contrast(1.5);transform:translate(-2px) scale(1.01)}20%{filter:brightness(0) invert(1) hue-rotate(180deg) contrast(.8);transform:translate(2px) scale(.99)}30%{filter:brightness(0) invert(1) hue-rotate(270deg) contrast(1.3);transform:translate(-1px) scale(1.02)}40%{filter:brightness(0) invert(1) hue-rotate(45deg) contrast(.9);transform:translate(1px) scale(.98)}50%{filter:brightness(0) invert(1) hue-rotate(135deg) contrast(1.4);transform:translate(-3px) scale(1.01)}60%{filter:brightness(0) invert(1) hue-rotate(225deg) contrast(.7);transform:translate(3px) scale(.99)}70%{filter:brightness(0) invert(1) hue-rotate(315deg) contrast(1.2);transform:translate(-1px) scale(1.03)}80%{filter:brightness(0) invert(1) hue-rotate(60deg) contrast(.9);transform:translate(2px) scale(.97)}90%{filter:brightness(0) invert(1) hue-rotate(120deg) contrast(1.1);transform:translate(-2px) scale(1.01)}to{filter:brightness(0) invert(1) hue-rotate(0deg);transform:translate(0) scale(1)}}.logo-glow{animation:logoGlow 2s ease-in-out infinite alternate}@keyframes logoGlow{0%{filter:brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,.3))}25%{filter:brightness(0) invert(1) drop-shadow(0 0 15px rgba(0,255,255,.6))}50%{filter:brightness(0) invert(1) drop-shadow(0 0 25px rgba(255,0,255,.8))}75%{filter:brightness(0) invert(1) drop-shadow(0 0 35px rgba(255,255,0,.7))}to{filter:brightness(0) invert(1) drop-shadow(0 0 20px rgba(255,255,255,.9))}}.fullscreen-logo-container{perspective:1000px;transform-style:preserve-3d}.fullscreen-logo-container img{transition:all .3s ease;transform-origin:center center}.bottom-right-links{position:fixed;bottom:20px;right:20px;z-index:9998;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-family:OCR A Std,Courier New,monospace;font-size:11px;line-height:1.2}.bottom-right-links a{color:#fff9;text-decoration:none;transition:all .2s ease;letter-spacing:.5px;text-transform:lowercase;padding:2px 4px;border-radius:2px}.bottom-right-links a:hover{color:var(--neon-blue);background-color:#00ffff1a;text-shadow:0 0 8px rgba(0,255,255,.6)}.bottom-right-links a:active{transform:scale(.95)}@media (max-width: 768px){.bottom-right-links{bottom:15px;right:15px;font-size:10px}}@media (max-width: 480px){.bottom-right-links{bottom:10px;right:10px;font-size:9px;gap:3px}}