@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@900&family=Bebas+Neue&family=Outfit:wght@900&display=swap";html,body,#root{width:100%;height:100%;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #a855f7;--secondary: #06b6d4;--accent: #f59e0b;--dark: #030303;--text: #ffffff;--text-muted: rgba(255, 255, 255, .4)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--dark);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.warning-screen{position:fixed;inset:0;background:var(--dark);display:flex;align-items:center;justify-content:center;z-index:1000}.warning-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(168,85,247,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(6,182,212,.1),transparent);animation:bgPulse 8s ease-in-out infinite alternate}@keyframes bgPulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.warning-content{position:relative;z-index:10;text-align:center;max-width:90vw;padding:2rem}.warning-title{font-size:clamp(3rem,12vw,7rem);font-weight:800;letter-spacing:.02em;line-height:1.1;margin-bottom:2rem;display:flex;justify-content:center;gap:.02em}.warning-title .wletter{display:inline-block;animation:letterFloat 3s ease-in-out infinite,letterGlow 4s ease-in-out infinite}.warning-title .wletter:nth-child(1){font-family:Playfair Display,serif;color:#ff006e;text-shadow:0 0 40px #ff006e,0 0 80px #ff006e;animation-delay:0s}.warning-title .wletter:nth-child(2){font-family:Bebas Neue,sans-serif;color:#fb5607;text-shadow:0 0 40px #fb5607,0 0 80px #fb5607;animation-delay:.1s}.warning-title .wletter:nth-child(3){font-family:Outfit,sans-serif;color:#ffbe0b;text-shadow:0 0 40px #ffbe0b,0 0 80px #ffbe0b;animation-delay:.2s}.warning-title .wletter:nth-child(4){font-family:Inter,sans-serif;font-weight:900;color:#8338ec;text-shadow:0 0 40px #8338ec,0 0 80px #8338ec;animation-delay:.3s}.warning-title .wletter:nth-child(5){font-family:Playfair Display,serif;color:#3a86ff;text-shadow:0 0 40px #3a86ff,0 0 80px #3a86ff;animation-delay:.4s}.warning-title .wletter:nth-child(6){font-family:Bebas Neue,sans-serif;color:#06d6a0;text-shadow:0 0 40px #06d6a0,0 0 80px #06d6a0;animation-delay:.5s}@keyframes letterFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-2deg)}75%{transform:translateY(4px) rotate(2deg)}}@keyframes letterGlow{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.4) saturate(1.3)}}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.warning-divider{width:80px;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));margin:0 auto 2.5rem;border-radius:1px}.warning-text{font-size:.75rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#ef4444;margin-bottom:1rem}.warning-subtext{font-size:.9rem;font-weight:400;color:var(--text-muted);line-height:1.7;margin-bottom:3rem}.enter-button{position:relative;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;padding:1.25rem 3.5rem;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text);cursor:pointer;overflow:hidden;transition:all .5s cubic-bezier(.23,1,.32,1)}.enter-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),var(--secondary));opacity:0;transition:opacity .5s ease}.enter-button span{position:relative;z-index:1}.enter-button:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 20px 40px -15px #a855f780,0 0 0 1px #a855f733}.enter-button:hover:before{opacity:.15}.enter-button:active{transform:translateY(-1px)}.app{position:fixed;inset:0;background:var(--dark)}.app canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important}.overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;padding:clamp(1.5rem,4vw,3rem) clamp(2rem,5vw,5rem);pointer-events:none}.nav{display:flex;justify-content:center;gap:clamp(2rem,5vw,5rem);pointer-events:auto}.nav-link{position:relative;font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;padding:.75rem 0;transition:color .3s ease}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.23,1,.32,1)}.nav-link:hover{color:var(--text)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.center-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.title{font-size:clamp(4rem,18vw,14rem);font-weight:800;letter-spacing:.02em;line-height:1;display:flex;justify-content:center;gap:.01em}.letter{display:inline-block;animation:letterHover 5s ease-in-out infinite;transition:all .4s cubic-bezier(.23,1,.32,1);cursor:default}.letter:nth-child(1){font-family:Playfair Display,serif;color:#ff006e;text-shadow:0 0 60px #ff006e,0 0 120px #ff006e;animation-delay:0s}.letter:nth-child(2){font-family:Bebas Neue,sans-serif;color:#fb5607;text-shadow:0 0 60px #fb5607,0 0 120px #fb5607;animation-delay:.15s}.letter:nth-child(3){font-family:Outfit,sans-serif;color:#ffbe0b;text-shadow:0 0 60px #ffbe0b,0 0 120px #ffbe0b;animation-delay:.3s}.letter:nth-child(4){font-family:Inter,sans-serif;font-weight:900;color:#8338ec;text-shadow:0 0 60px #8338ec,0 0 120px #8338ec;animation-delay:.45s}.letter:nth-child(5){font-family:Playfair Display,serif;color:#3a86ff;text-shadow:0 0 60px #3a86ff,0 0 120px #3a86ff;animation-delay:.6s}.letter:nth-child(6){font-family:Bebas Neue,sans-serif;color:#06d6a0;text-shadow:0 0 60px #06d6a0,0 0 120px #06d6a0;animation-delay:.75s}.letter:hover{transform:scale(1.15) translateY(-10px)!important;filter:brightness(1.5)}@keyframes letterHover{0%,to{transform:translateY(0) scale(1) rotate(0)}25%{transform:translateY(-12px) scale(1.02) rotate(-1deg)}75%{transform:translateY(6px) scale(.98) rotate(1deg)}}.subtitle{font-size:clamp(.65rem,1.5vw,.85rem);font-weight:400;letter-spacing:.5em;text-transform:uppercase;color:var(--text-muted);margin-top:1.5rem}.controls{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin-top:clamp(2rem,5vh,4rem);pointer-events:auto}.strobe-button{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 3.5rem;background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden}.strobe-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#a855f733,#06b6d433);opacity:0;transition:opacity .4s ease}.strobe-button:hover{border-color:#a855f766;transform:translateY(-2px);box-shadow:0 20px 40px -15px #a855f74d,0 0 0 1px #a855f71a}.strobe-button:hover:before{opacity:1}.strobe-button.active{background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 0 80px #a855f799,0 0 120px #06b6d466,inset 0 0 40px #ffffff1a;animation:buttonPulse .15s ease-in-out infinite alternate}@keyframes buttonPulse{0%{box-shadow:0 0 80px #a855f799,0 0 120px #06b6d466}to{box-shadow:0 0 100px #06b6d4cc,0 0 150px #a855f780}}.button-label{position:relative;z-index:1;font-size:.7rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--text)}.button-hint{position:relative;z-index:1;font-size:.6rem;font-weight:500;letter-spacing:.15em;color:var(--text-muted)}.mode-toggle{display:flex;align-items:center;gap:1rem}.mode-label{font-size:.6rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.mode-button{font-family:Inter,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:.6rem 1.5rem;background:#a855f71a;border:1px solid rgba(168,85,247,.3);color:var(--primary);cursor:pointer;transition:all .3s ease}.mode-button:hover{background:#a855f733;border-color:var(--primary);box-shadow:0 0 30px #a855f74d}.footer{display:flex;justify-content:center}.footer-hints{display:flex;gap:clamp(1.5rem,4vw,4rem)}.footer-hints span{font-size:.55rem;font-weight:500;letter-spacing:.15em;color:#fff3;text-transform:uppercase}.strobe-active .letter{animation:letterStrobe .1s linear infinite,letterPulse .15s ease-in-out infinite alternate}.strobe-active .letter:nth-child(1){animation-delay:0s,0s}.strobe-active .letter:nth-child(2){animation-delay:.02s,.02s}.strobe-active .letter:nth-child(3){animation-delay:.04s,.04s}.strobe-active .letter:nth-child(4){animation-delay:.06s,.06s}.strobe-active .letter:nth-child(5){animation-delay:.08s,.08s}.strobe-active .letter:nth-child(6){animation-delay:.1s,.1s}@keyframes letterStrobe{0%{color:#ff006e;text-shadow:0 0 100px #ff006e,0 0 200px #ff006e}16%{color:#fb5607;text-shadow:0 0 100px #fb5607,0 0 200px #fb5607}33%{color:#ffbe0b;text-shadow:0 0 100px #ffbe0b,0 0 200px #ffbe0b}50%{color:#8338ec;text-shadow:0 0 100px #8338ec,0 0 200px #8338ec}66%{color:#3a86ff;text-shadow:0 0 100px #3a86ff,0 0 200px #3a86ff}83%{color:#06d6a0;text-shadow:0 0 100px #06d6a0,0 0 200px #06d6a0}to{color:#ff006e;text-shadow:0 0 100px #ff006e,0 0 200px #ff006e}}@keyframes letterPulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.1);filter:brightness(1.5)}}.strobe-active .subtitle{animation:subtitleStrobe .12s linear infinite}@keyframes subtitleStrobe{0%,to{color:#ff006e;text-shadow:0 0 30px #ff006e}50%{color:#06d6a0;text-shadow:0 0 30px #06d6a0}}@media(max-width:768px){.nav{gap:2rem}.nav-link{font-size:.6rem}.strobe-button{padding:1.25rem 2.5rem}.button-label{font-size:.6rem}.mode-toggle{flex-direction:column;gap:.5rem}.footer-hints span{font-size:.5rem}}@media(max-width:480px){.subtitle{letter-spacing:.3em}.controls{margin-top:2rem}}::selection{background:var(--primary);color:#fff}