:root{--color-bg:#050505;--color-text-primary:#f0f0f0;--color-text-secondary:#999;--color-accent-red:#ff2a2a;--color-accent-cyan:#0ff;--font-primary:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.hidden{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:Anton;src:url(/fonts/anton-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.intro-container{z-index:1000;background-color:#030305;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,sans-serif;transition:opacity 1.5s ease-in-out,visibility 1.5s,transform .5s cubic-bezier(.19,1,.22,1);display:flex;position:absolute;top:0;left:0;overflow:hidden}.intro-container.contract-point{opacity:0;transform:scale(.001)}.intro-container.portal-tear{animation:1.5s cubic-bezier(.19,1,.22,1) forwards portalTear}@keyframes portalTear{0%{filter:blur()contrast();opacity:1;transform:scale(1)}50%{filter:blur(4px)contrast(1.5)hue-rotate(90deg);opacity:1;transform:scale(1.1)}to{filter:blur(20px)contrast(2);opacity:0;visibility:hidden;transform:scale(3)}}.particles{z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#ff2a2a0d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#00ffff0a 0%,#0000 30%);background-size:200% 200%;width:100%;height:100%;animation:10s ease-in-out infinite alternate ambientLight;position:absolute;top:0;left:0}@keyframes ambientLight{0%{background-position:0%}to{background-position:100%}}.intro-stage{opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1.2s,transform 1.2s;display:flex;position:absolute;transform:scale(.95)}.intro-stage.active{opacity:1;visibility:visible;transform:scale(1)}.geometric-core{justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:relative}.wireframe-poly{mix-blend-mode:screen;border:1px solid #ffffff26;width:100%;height:100%;animation:20s linear infinite spinSlow;position:absolute;transform:rotate(45deg)}.wireframe-poly.offset-red{border-color:#ff2a2a80;animation:15s linear infinite reverse spinSlow;transform:rotate(60deg)scale(.95)}.wireframe-poly.offset-cyan{border-color:#00ffff80;animation:25s linear infinite spinSlow;transform:rotate(30deg)scale(1.05)}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cinematic-text-stage{justify-content:center;align-items:flex-start;padding-left:10vw}.main-title{text-transform:uppercase;color:#fff;transform-origin:0;margin:0;font-family:Anton,sans-serif;font-size:clamp(3rem,10vw,8rem);line-height:.9;position:relative;transform:scaleY(1.1)skew(-5deg)}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:.8;mix-blend-mode:screen;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{color:#ff2a2a;z-index:-1;transform:translate(-3px,2px)}.glitch-text:after{color:#0ff;z-index:-2;transform:translate(3px,-2px)}.cinematic-reveal{opacity:0;transition:opacity 1.5s cubic-bezier(.19,1,.22,1),transform 1.5s cubic-bezier(.19,1,.22,1);transform:translateY(20px)}.active .cinematic-reveal{opacity:1;transform:translateY(0)}.fade-in-up{opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(15px)}.active .fade-in-up{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.4s}.delay-2{transition-delay:.8s}.delay-3{transition-delay:1.2s}.legal-stage{text-align:center;max-width:600px;margin:0 auto}.disclaimer-text{color:#888;letter-spacing:.05em;margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:.85rem;line-height:1.6}.respect-stage{text-align:center}.appreciation-text{letter-spacing:.4em;color:var(--color-text-secondary);margin-bottom:1rem;font-family:Inter,sans-serif;font-size:.9rem}.creators-title{letter-spacing:.1em;color:#fff;margin:0;font-family:Anton,sans-serif;font-size:4rem}.ready-stage{flex-direction:row;align-items:center;gap:2rem}.glowing-line{background:#fff;width:0;height:2px;transition:width 1s cubic-bezier(.19,1,.22,1) .2s;box-shadow:0 0 10px #fff,0 0 20px #0ff}.active .glowing-line{width:150px}.ready-text{letter-spacing:.2em;color:#fff;margin:0;font-family:Anton,sans-serif;font-size:3rem}.inspiration-link{color:#888;letter-spacing:.3em;font-family:Inter,sans-serif;font-size:.75rem;text-decoration:none;transition:color .3s}.inspiration-link:hover{color:#fff}.enter-btn{color:#fff;letter-spacing:.1em;cursor:pointer;text-transform:uppercase;background:0 0;border:2px solid #fff;padding:1rem 3rem;font-family:Anton,sans-serif;font-size:1.5rem;transition:all .4s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden}.enter-btn:hover{color:#000;background:#fff;transform:scale(1.05);box-shadow:0 0 20px #fff6}.camera-layer{z-index:100;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0;overflow:hidden}.camera-message-box{z-index:30;text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:600px;padding:0 2rem;animation:1.5s cubic-bezier(.19,1,.22,1) floatIn;display:flex;position:relative}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.camera-status-text{letter-spacing:.2em;color:#fff;text-transform:uppercase;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700}.camera-instruction-text{color:#aaa;letter-spacing:.1em;font-family:Inter,sans-serif;font-size:.9rem;line-height:1.6}.action-btn{color:#fff;letter-spacing:.2em;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:uppercase;background:0 0;border:1px solid #fff3;margin-top:1rem;padding:1.2rem 3rem;font-family:Anton,sans-serif;font-size:1.2rem;transition:all .4s cubic-bezier(.19,1,.22,1)}.action-btn:hover{border-color:#fff9;transform:scale(1.05);box-shadow:0 0 20px #00ffff1a}.camera-video{object-fit:cover;z-index:10;opacity:0;filter:contrast(1.05)saturate(.9)brightness(.95)sepia(.05)hue-rotate(-5deg);width:100vw;height:100vh;transition:opacity 2s;position:absolute;top:0;left:0;transform:scaleX(-1)}.camera-video.visible{opacity:1}.webgl-canvas{z-index:20;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0}.ui-overlay{pointer-events:auto;z-index:100;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.cinematic-context-text{letter-spacing:.2em;color:#fff9;text-transform:uppercase;pointer-events:none;mix-blend-mode:overlay;opacity:0;font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,4rem);transition:opacity .8s,transform .8s;transform:scale(.98)}.cinematic-context-text.active{opacity:1;transform:scale(1)}.audio-toggle{color:#fff;letter-spacing:.2em;cursor:pointer;opacity:.5;background:0 0;border:none;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;transition:opacity .3s;position:absolute;top:2rem;right:2rem}.audio-toggle:hover{opacity:1}.impact-flash{z-index:1000;opacity:0;pointer-events:none;background:#fff;width:100%;height:100%;transition:opacity .15s ease-out;position:absolute;top:0;left:0}.impact-flash.trigger{opacity:.8;mix-blend-mode:screen}.stats-overlay{color:#0ff;z-index:150;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border:1px solid #0ff3;border-radius:2px;padding:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.8;position:absolute;top:2rem;left:2rem;box-shadow:0 0 30px #00000080}.state-error .ui-overlay{display:none!important}.diagnostic-panel{z-index:200;pointer-events:auto;width:90%;max-width:500px;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}