:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--ease-spring: cubic-bezier(.4, .2, .2, 1);--radius-sm: 6px;--radius-full: 999px;--gradient: linear-gradient(120deg,#6366f1,#8b5cf6,#ec4899,#f59e0b);--shadow-soft: 0 4px 16px -4px hsl(0 0% 0% / .25),0 0 0 1px hsl(0 0% 100% / .04) inset;--glass-bg: hsl(var(--surface-hue) var(--surface-sat) var(--surface-light) / .55);--backdrop: blur(18px) saturate(160%)}[data-theme=dark]{--bg: #0d0f17;--bg-alt: #121726;--text: #f1f5f9;--text-dim: #94a3b8;--accent: #6366f1;--surface-hue: 222;--surface-sat: 28%;--surface-light: 18%}[data-theme=light]{--bg: #f5f7fb;--bg-alt: #ffffff;--text: #0f172a;--text-dim: #475569;--accent: #4f46e5;--surface-hue: 210;--surface-sat: 25%;--surface-light: 92%}html,body,#root,.wip-shell{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--text)}.wip-shell{display:flex;flex-direction:column;position:relative;overflow:hidden}.wip-header,.wip-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,2.5vw,3rem);z-index:10}.wip-footer{font-size:.75rem;color:var(--text-dim);opacity:.8}.brand{font-size:clamp(1.25rem,1.8vw,1.9rem);letter-spacing:.5px;margin:0;font-weight:600;background:linear-gradient(90deg,var(--accent),#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.theme-toggle{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop);backdrop-filter:var(--backdrop);border:1px solid hsl(0 0% 100% / .08);box-shadow:var(--shadow-soft);padding:.65rem;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .4s var(--ease-spring),transform .3s var(--ease-spring)}.theme-toggle:hover{transform:translateY(-2px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle .icon{width:20px;height:20px;position:relative;display:block}.theme-toggle .icon:before,.theme-toggle .icon:after{content:"";position:absolute;inset:0;border-radius:50%;transition:opacity .6s var(--ease-spring),transform .6s var(--ease-spring)}.theme-toggle .icon:before{background:radial-gradient(circle at 30% 30%,#fde68a 15%,#f59e0b 55%,#d97706);box-shadow:0 0 0 1px #f4af2580,0 4px 8px -2px #da950b99}.theme-toggle .icon:after{background:radial-gradient(circle at 30% 30%,#f1f5f9 25%,#cbd5e1 85%);box-shadow:0 0 0 1px #bfcad999,0 4px 10px -2px #6a87af66;transform:scale(.55)}.theme-toggle .icon[data-mode=dark]:after{opacity:0;transform:scale(.2) rotate(-35deg)}.theme-toggle .icon[data-mode=light]:before{opacity:0;transform:scale(.4) rotate(45deg)}.wip-main{flex:1;display:grid;place-items:center;padding:clamp(1.5rem,3vw,3rem);position:relative}.bg-grid{position:absolute;inset:0;background:linear-gradient(var(--bg) 0 0) padding-box,repeating-linear-gradient(90deg,hsl(0 0% 100% / .05) 0 1px,transparent 1px 120px),repeating-linear-gradient(0deg,hsl(0 0% 100% / .05) 0 1px,transparent 1px 120px);mask:radial-gradient(circle at 50% 55%,#000 60%,transparent 120%);opacity:.9}.hero{width:min(900px,100%);position:relative;text-align:center;padding:clamp(2.5rem,4.5vw,5rem) clamp(1.25rem,2.5vw,3rem);border-radius:34px;background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop);backdrop-filter:var(--backdrop);box-shadow:0 10px 40px -10px #00000080,0 0 0 1px #ffffff0f inset;overflow:hidden}.hero:before{content:"";position:absolute;inset:-2px;background:conic-gradient(from 0deg,var(--accent),#8b5cf6,#ec4899,#f59e0b,var(--accent));filter:blur(18px) brightness(1.15);opacity:.35;animation:spin 12s linear infinite;z-index:0}.hero>*{position:relative;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}.headline{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:0 0 1rem;font-weight:650;letter-spacing:.5px}.gradient-text{background:var(--gradient);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 8s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tagline{margin:0 0 2rem;font-size:clamp(1rem,1.4vw,1.25rem);color:var(--text-dim);font-weight:500;letter-spacing:.3px}.progress-wrapper{--h:10px;width:min(500px,90%);height:var(--h);background:linear-gradient(145deg,var(--bg-alt),var(--bg));border-radius:var(--radius-full);margin:0 auto 1.5rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14 inset,0 4px 10px -3px #0009}.progress-bar{position:absolute;inset:0;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#f59e0b,#6366f1);background-size:300% 100%;animation:progress 7s linear infinite}@keyframes progress{0%{transform:translate(-66%)}to{transform:translate(0)}}.chips{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.chip{font-size:.7rem;letter-spacing:.5px;text-transform:uppercase;padding:.55rem .85rem;border-radius:var(--radius-full);background:linear-gradient(145deg,var(--bg-alt),var(--bg));border:1px solid hsl(0 0% 100% / .08);position:relative;overflow:hidden;font-weight:600;color:var(--text-dim);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}.chip:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0 0% 100% / .15),transparent);transform:translate(-100%);animation:shine 4.2s ease-in-out infinite}@keyframes shine{0%,60%{transform:translate(-110%)}70%{transform:translate(40%)}to{transform:translate(120%)}}.orb{position:absolute;width:420px;aspect-ratio:1;border-radius:50%;filter:blur(60px) saturate(160%);opacity:.35;mix-blend-mode:plus-lighter;animation:float 18s ease-in-out infinite}.orb-1{top:-15%;left:-10%;background:radial-gradient(circle at 30% 30%,#6366f1,transparent 70%);animation-delay:-4s}.orb-2{bottom:-20%;right:-15%;background:radial-gradient(circle at 40% 40%,#ec4899,transparent 70%);animation-delay:-9s}.orb-3{top:40%;left:60%;background:radial-gradient(circle at 50% 50%,#f59e0b,transparent 75%);animation-delay:-14s}@keyframes float{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(40px,-30px,0) scale(1.1)}66%{transform:translate3d(-25px,35px,0) scale(.9)}}.game-section{margin:2rem 0;padding:1.5rem;border-radius:var(--radius-sm);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop);backdrop-filter:var(--backdrop);border:1px solid hsl(0 0% 100% / .08)}.game-start{text-align:center}.game-hint{margin:0 0 1rem;font-size:.9rem;color:var(--text-dim);font-weight:500}.game-btn{background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all .3s var(--ease-spring);font-size:.9rem;letter-spacing:.3px}.game-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px var(--accent)}.game-btn:active{transform:translateY(0)}.game-btn-small{padding:.5rem 1rem;font-size:.8rem}.game-active{text-align:center}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.game-stats{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.game-score{font-weight:600;color:var(--accent);font-size:1.1rem}.game-level{font-size:.8rem;color:var(--text-dim);font-weight:500;background:linear-gradient(135deg,var(--accent),#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.game-area{position:relative;height:250px;border:2px dashed var(--text-dim);border-radius:var(--radius-sm);margin:1rem 0;background:linear-gradient(145deg,var(--bg-alt),var(--bg));overflow:hidden}.game-instruction{margin:.5rem 0;font-size:.85rem;color:var(--text-dim)}.game-target{position:absolute;width:45px;height:45px;border:none;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ff6b6b,#ee5a24);cursor:pointer;animation:targetPulse 1s ease-in-out infinite,targetFloat 2s ease-in-out;box-shadow:0 0 20px #ff6b6b,0 4px 15px -3px #e0525299;transform:translate(-50%,-50%)}.game-target:hover{transform:translate(-50%,-50%) scale(1.1)}.game-target:active{transform:translate(-50%,-50%) scale(.9)}.fast-target{background:radial-gradient(circle at 30% 30%,#ff3838,#c92a2a);box-shadow:0 0 25px #ff3838,0 4px 20px -3px #e61919cc}@keyframes targetPulse{0%,to{box-shadow:0 0 20px #ff6b6b,0 4px 15px -3px #e0525299}50%{box-shadow:0 0 35px #ff6b6b,0 6px 20px -3px #e05252cc}}@keyframes targetFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:650px){.hero{padding:3.5rem 1.2rem 3.2rem;border-radius:28px}.headline{font-size:clamp(2rem,10vw,3rem)}.progress-wrapper{--h:9px}.game-area{height:280px}.game-target{width:50px;height:50px}.game-section{margin:1.5rem 0;padding:1.2rem}}@media (prefers-reduced-motion: reduce){.orb,.progress-bar,.gradient-text,.chip:after,.hero:before,.game-target{animation:none!important}}