:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:100vw;min-height:100vh;background:#000;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}.challenge-gate-popup{display:flex;flex-direction:column;align-items:center;background:#18181b;color:#fff;border-radius:1rem;box-shadow:0 2px 12px #0000001f;padding:1.2rem 1.5rem;margin:2rem auto 0;min-width:260px;max-width:340px;gap:.7rem}.challenge-gate-popup-label{font-size:1rem;color:#fff;margin-bottom:.25rem;text-align:center}.challenge-gate-popup-highlight{color:#38bdf8;font-weight:700;background:#0ea5e9;border-radius:.4rem;padding:.05rem .3rem}.challenge-gate-popup-input{border:1.2px solid #27272a;border-radius:.6rem;padding:.5rem .8rem;font-size:1rem;outline:none;background:#27272a;color:#fff;width:100%}.challenge-gate-popup-input:focus{border-color:#38bdf8;background:#18181b}.challenge-gate-popup-button{background:linear-gradient(90deg,#0ea5e9,#38bdf8);color:#fff;border:none;border-radius:.6rem;padding:.5rem 1.1rem;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.3rem}.challenge-gate-popup-button:hover{background:linear-gradient(90deg,#38bdf8,#0ea5e9)}.challenge-page-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background, #f8fafc)}.challenge-page-title{font-size:2.5rem;color:#7c3aed;font-weight:800;margin-bottom:1rem}.challenge-page-desc{font-size:1.2rem;color:#222;background:#ede9fe;border-radius:.75rem;padding:1rem 2rem;margin-top:.5rem}.kageverse-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,#012,#000 70% 100%);overflow:hidden;display:flex;align-items:center;justify-content:center}.stars-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle linear infinite;opacity:0}.star:nth-child(3n){width:3px;height:3px;background:#4da6ff}.star:nth-child(5n){width:1px;height:1px;background:#80d4ff}.star:nth-child(7n){width:4px;height:4px;background:#fff;box-shadow:0 0 10px #fff}@keyframes twinkle{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.content{text-align:center;z-index:10;position:relative}.main-title{font-size:clamp(4rem,12vw,8rem);font-weight:900;background:linear-gradient(45deg,#fff,#e6f3ff,#fff,#b3d9ff,#fff);background-size:400% 400%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite;text-shadow:0 0 30px rgba(255,255,255,.5);letter-spacing:.1em;margin:0;line-height:1;font-family:Arial Black,Helvetica Bold,sans-serif}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{font-size:clamp(1rem,3vw,1.5rem);color:#b3d9ff;font-weight:600;margin-top:2rem;letter-spacing:.15em;text-transform:uppercase;opacity:.9;text-shadow:0 0 20px rgba(179,217,255,.6);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7;text-shadow:0 0 20px rgba(179,217,255,.6)}50%{opacity:1;text-shadow:0 0 30px rgba(179,217,255,.8)}}.magic-cursor{position:relative;width:32px;height:32px;pointer-events:none}.cursor-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;pointer-events:none}.cursor-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:linear-gradient(45deg,#fff,#4da6ff);border-radius:50%;box-shadow:0 0 10px #fffc,0 0 20px #4da6ff99,inset 0 0 4px #ffffffe6;animation:cursorPulse 2s ease-in-out infinite}.cursor-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid rgba(255,255,255,.4);border-radius:50%;animation:cursorRotate 3s linear infinite}.cursor-ring:before{content:"";position:absolute;inset:-2px;border:1px solid rgba(77,166,255,.3);border-radius:50%;animation:cursorRotate 2s linear infinite reverse}.cursor-trail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,rgba(77,166,255,.05) 50%,transparent 70%);border-radius:50%;animation:cursorBreath 3s ease-in-out infinite}@keyframes cursorPulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 10px #fffc,0 0 20px #4da6ff99,inset 0 0 4px #ffffffe6}50%{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 15px #fff,0 0 30px #4da6ffcc,inset 0 0 6px #fff}}@keyframes cursorRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes cursorBreath{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.3}}@media (max-width: 768px){.main-title{font-size:clamp(2.5rem,8vw,4rem)}.subtitle{font-size:clamp(.8rem,2.5vw,1.2rem);margin-top:1.5rem}.magic-cursor,.cursor-core{width:24px;height:24px}.cursor-dot{width:4px;height:4px}.cursor-ring{width:18px;height:18px}.cursor-trail{width:30px;height:30px}}