@import"https://use.typekit.net/fpe8zfm.css";@import"https://use.typekit.net/pnd4foc.css";@font-face{font-family:Future Z;src:url(/fonts/Future%20Z.otf) format("opentype");font-weight:400;font-style:normal}:root{--font-display: "Orbitron", sans-serif;--font-title: "aktiv-grotesk", sans-serif;--text-primary: #fffdfd;--bg-dark: #0a0a0a}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:linear-gradient(135deg,#05050f,#0f0f1e,#05050f),linear-gradient(45deg,#6464ff14,#ff00ff0d,#00ffff0d,#ff64ff14,#6464ff14);background-size:100% 100%,400% 400%;animation:holographicShift 15s ease infinite;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-display)}@keyframes holographicShift{0%,to{background-position:0% 50%,0% 50%}50%{background-position:100% 50%,100% 50%}}#waves{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;touch-action:none;opacity:.35}.landing-container{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;width:100%;max-width:100vw;box-sizing:border-box}body.zen-mode .enter-btn{top:auto;right:auto;bottom:2.5rem;left:50%;transform:translate(-50%);writing-mode:horizontal-tb}.curtain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none;opacity:0}.curtain-overlay.curtain-closing{opacity:1}.landing-container.dissolving{animation:scanlineDissolve 1s ease-out forwards}.landing-container.dissolving:before{content:"";position:absolute;top:0;left:-10%;width:120%;height:100%;background:linear-gradient(0deg,transparent 0%,transparent 40.5%,rgba(2,8,118,.213) 49.5%,rgba(0,24,24,.15) 50.5%,transparent 30.5%,transparent 100%);animation:scanlineSweep 2.5s ease-out forwards;pointer-events:none;z-index:10}@keyframes scanlineDissolve{0%{opacity:1;filter:blur(0px) brightness(1)}20%{opacity:.95;filter:blur(0px) brightness(1)}40%{opacity:.8;filter:blur(.3px) brightness(1.02)}60%{opacity:.5;filter:blur(.6px) brightness(1.05)}80%{opacity:.25;filter:blur(1px) brightness(1.08)}to{opacity:0;filter:blur(2px) brightness(1.1)}}@keyframes scanlineSweep{0%{transform:translateY(100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100%);opacity:0}}#waves.dissolving,.enter-identity.dissolving{animation:scanlineDissolve 1s ease-out forwards}.enter-identity{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:90;text-align:center;pointer-events:none;width:min(96vw,1000px);opacity:.85}.enter-identity-title{font-family:Future Z,sans-serif;font-weight:700;font-style:normal;font-size:clamp(2rem,4vw,4rem);text-align:center;width:100%;background:linear-gradient(135deg,#f0f4f6 5%,#7a8f9e 15%,#fff,#889eb0,#e8edf2,#708494,#f2f5f7 90%,#8a9dac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#fff;letter-spacing:.12em;line-height:1.05;margin:0;filter:drop-shadow(0 0 12px rgba(0,0,0,1)) drop-shadow(0 2px 20px rgba(0,0,0,.95))}.enter-identity-subtitle{font-family:Space Grotesk,sans-serif;font-size:clamp(.75rem,1.4vw,1rem);font-weight:400;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(90deg,#00d4ff,#c850ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:.5em 0 0;opacity:0;animation:subtitleFadeIn .6s ease-out 2s forwards}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.enter-btn{position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:100;display:inline-flex;align-items:center;justify-content:center;padding:1.5px;font-family:aktiv-grotesk,sans-serif;font-size:.7rem;font-weight:400;text-decoration:none;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#00fff799,#f0f9);border:none;box-shadow:none;text-shadow:none;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;clip-path:polygon(14px 0%,calc(100% - 14px) 0%,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0% calc(100% - 14px),0% 14px);transition:opacity .8s ease,letter-spacing .4s ease,filter .4s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.85)) drop-shadow(0 2px 2px rgba(0,0,0,.95));opacity:0;pointer-events:none}.enter-btn span{display:block;padding:.55rem 2rem;background:linear-gradient(145deg,#221d27,#000),radial-gradient(circle at 30% 30%,rgba(255,255,255,.08),transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.5),transparent 50%),linear-gradient(45deg,#8a2be20f,#00d4ff0d,#8a2be20f);background-size:100% 100%,150% 150%,150% 150%,200% 200%;background-blend-mode:overlay,multiply,overlay;color:#ffffff73;transition:color .4s ease,letter-spacing .4s ease;letter-spacing:inherit;clip-path:polygon(12px 0%,calc(100% - 12px) 0%,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0% calc(100% - 12px),0% 12px);-webkit-mask-image:radial-gradient(ellipse 88% 78% at center,black 55%,rgba(0,0,0,.5) 78%,transparent 100%);mask-image:radial-gradient(ellipse 88% 78% at center,black 55%,rgba(0,0,0,.5) 78%,transparent 100%)}.enter-btn.visible{opacity:1;pointer-events:auto;animation:enterPulse 4s ease-in-out infinite}@keyframes enterPulse{0%,to{filter:drop-shadow(0 0 4px rgba(0,255,247,.3))}50%{filter:drop-shadow(0 0 10px rgba(255,0,255,.5))}}.enter-btn:hover{letter-spacing:.55em;animation:none;transform:translate(-50%);filter:drop-shadow(0 0 12px rgba(0,255,247,.6))}.enter-btn:hover span{color:#ffffffe6}.enter-btn:active span{color:#ffffff80}.enter-identity-title{display:flex;justify-content:center;flex-wrap:wrap;pointer-events:auto}.enter-identity{pointer-events:none}.enter-identity-title{pointer-events:auto}.title-letter{display:inline-block;opacity:0;animation:letterFadeInGlitch 7s linear forwards;position:relative;background:linear-gradient(180deg,#fff 20%,#8a9dac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-letter--space{display:inline-block;width:.4em;opacity:1;animation:none}.title-letter:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px);opacity:0;pointer-events:none;z-index:10}.title-letter--flip{animation:letterFadeInFlipGlitch 4s linear forwards}.title-letter:hover{filter:brightness(1.2);transform:translate(2px);transition:filter var(--hover-delay, .08s),text-shadow var(--hover-delay, .08s),transform var(--hover-delay, .08s)}.title-letter:hover:before{opacity:.6;animation:letterScanSweep .3s ease-in-out;animation-delay:var(--hover-delay, .08s)}.title-letter:hover:after{content:attr(data-letter);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff 22%,#4f5858b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;pointer-events:none;opacity:0;animation:longHoverGlitch .6s ease-in-out 1s}.title-letter--flip:hover{transform:scaleX(.95) translate(-2px)}.title-letter--flip:hover:after{transform:scaleX(-1);animation:longHoverGlitchFlip .6s ease-in-out 1s}.title-letter--magenta:hover{text-shadow:3px 0 #ff00ff,-3px 0 #00ffff}.title-letter--cyan:hover{text-shadow:3px 0 #1a73e7,-3px 0 #1ae784}.title-letter--aqua:hover{text-shadow:3px 0 #1ae784,-3px 0 #dc08bc}.title-letter--purple:hover{text-shadow:3px 0 #a783ff,-3px 0 #00ffff}.title-letter--blue:hover{text-shadow:3px 0 #0066ff,-3px 0 #ffee00}.title-letter--orange:hover{text-shadow:3px 0 #ff8c00,-3px 0 #a783ff}.title-letter--pink:hover{text-shadow:3px 0 #ff69b4,-3px 0 #00ffff}.title-letter--green:hover{text-shadow:3px 0 #33ff33,-3px 0 #ff00ff}.enter-identity-title.landing-title--reset .title-letter,.enter-identity-title.landing-title--reset .title-letter--flip{animation:none!important;opacity:0!important}.enter-identity-title.landing-title--replay .title-letter{animation:letterFadeInGlitch 3.5s linear forwards!important;animation-delay:0s!important}.enter-identity-title.landing-title--replay .title-letter--flip{animation:letterFadeInFlipGlitch 2s linear forwards!important;animation-delay:0s!important}@keyframes letterFadeInGlitch{0%{opacity:0}5%{opacity:0}5.5%{opacity:1;transform:translate(3px);filter:blur(4px) brightness(1.5);text-shadow:2px 0 #ff00ff,-2px 0 #00ffff;clip-path:ellipse(80% 40% at 50% 50%)}5.8%{opacity:1;transform:translate(-3px);filter:blur(2px) invert(1);text-shadow:4px 0 #ffee00,-4px 0 #0066ff;clip-path:polygon(10% 5%,25% 0%,35% 10%,30% 25%,15% 20%,65% 5%,85% 0%,95% 15%,85% 30%,70% 25%,35% 40%,50% 35%,65% 45%,60% 60%,45% 65%,35% 55%,15% 75%,30% 70%,45% 80%,40% 95%,20% 100%,5% 85%,70% 70%,90% 75%,95% 90%,80% 100%,65% 90%)}6%{opacity:1;transform:translate(100px) skew(-700deg);filter:blur(10px);text-shadow:-3px 0 #ff3333,3px 0 #33ff33,0 0 10px rgba(255,255,255,.5);clip-path:polygon(0 0%,30% 0%,30% 25%,0 25%,40% 5%,70% 5%,70% 30%,40% 30%,75% 0%,100% 0%,100% 20%,75% 20%,10% 40%,50% 40%,50% 65%,10% 65%,55% 45%,95% 45%,95% 70%,55% 70%,0 75%,35% 75%,35% 100%,0 100%,45% 80%,75% 80%,75% 100%,45% 100%,80% 75%,100% 75%,100% 95%,80% 95%)}6.3%{opacity:.6;transform:translate(-50px);filter:blur(3px) invert(.5);text-shadow:-2px 0 #ff00ff,2px 0 #00ffff;clip-path:none}6.5%{opacity:.4;transform:translate(100px);filter:blur(.5px);text-shadow:1px 0 #ffee00,-1px 0 #0066ff;clip-path:none}7%{opacity:1;transform:translate(0);filter:none;text-shadow:none;clip-path:none}40%{opacity:1}to{opacity:1}}@keyframes letterFadeInFlipGlitch{0%{opacity:0;transform:scaleX(-1)}15%{opacity:1;transform:scaleX(-1)}15.5%{opacity:1;transform:scaleX(-1) translate(-3px);filter:blur(3px) brightness(1.4);text-shadow:3px 0 #ff00ff,-3px 0 #00ffff;clip-path:ellipse(70% 50% at 50% 50%)}16%{opacity:1;transform:scaleX(-1) translate(5px);filter:blur(2px) invert(1);text-shadow:5px 0 #ffee00,-5px 0 #0066ff;clip-path:polygon(5% 10%,30% 5%,35% 25%,15% 30%,60% 0%,90% 10%,85% 35%,55% 30%,20% 45%,45% 40%,50% 65%,25% 70%,55% 50%,80% 45%,85% 70%,60% 75%,10% 80%,35% 75%,40% 100%,5% 95%,50% 80%,75% 85%,70% 100%,55% 95%)}16.5%{opacity:.7;transform:scaleX(-1) translate(2px) skew(10deg);filter:blur(1px) invert(.3);text-shadow:-2px 0 #ff3333,2px 0 #33ff33;clip-path:none}17%{opacity:.1;transform:scaleX(-1);filter:none;text-shadow:none;clip-path:none}50%{opacity:1;transform:scaleX(1)}to{opacity:1;transform:scaleX(1)}}@keyframes letterScanSweep{0%{transform:translateY(100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes longHoverGlitch{0%{opacity:0;transform:translate(0)}20%{opacity:1;transform:translate(4px);filter:blur(1px)}40%{opacity:.8;transform:translate(-6px);filter:blur(2px)}60%{opacity:.6;transform:translate(8px);clip-path:polygon(0 30%,100% 20%,100% 50%,0 60%)}80%{opacity:.3;transform:translate(-2px);filter:blur(3px)}to{opacity:0;transform:translate(0)}}@keyframes longHoverGlitchFlip{0%{opacity:0;transform:scaleX(-1) translate(0)}20%{opacity:1;transform:scaleX(-1) translate(4px);filter:blur(1px)}40%{opacity:.8;transform:scaleX(-1) translate(-6px);filter:blur(2px)}60%{opacity:.6;transform:scaleX(-1) translate(8px)}80%{opacity:.3;transform:scaleX(-1) translate(-2px)}to{opacity:0;transform:scaleX(-1) translate(0)}}@media (min-width: 769px) and (max-width: 1100px){.enter-identity-title{font-size:clamp(2.4rem,4.5vw,3.8rem);letter-spacing:.1em}}@media (max-width: 768px){.enter-identity{top:50%;left:50%;transform:translate(-50%,-50%);width:90vw}.enter-identity-title{font-size:clamp(1rem,6vw,2.4rem);letter-spacing:.06em}.enter-identity-subtitle{font-size:clamp(.55rem,2vw,.8rem);letter-spacing:.15em}}
