.ui-overlay{pointer-events:none;z-index:10;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:fixed;top:0;left:0}.menu-screen{pointer-events:all;background:radial-gradient(#0a0a0a99 0%,#0a0a0af2 100%);justify-content:center;align-items:center;display:flex}.menu-content{flex-direction:column;align-items:center;gap:32px;animation:1.5s ease-out fadeIn;display:flex}.title-container{text-align:center}.title{letter-spacing:.3em;color:#fffffff2;text-shadow:0 0 80px #ff6b6b4d;margin:0;font-family:Space Grotesk,sans-serif;font-size:5rem;font-weight:300}.subtitle{letter-spacing:.4em;color:#fff6;text-transform:uppercase;margin-top:12px;font-size:1rem;font-weight:200}.btn-begin{letter-spacing:.2em;text-transform:uppercase;color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:50px;padding:16px 48px;font-family:Inter,sans-serif;font-size:1rem;font-weight:300;transition:all .4s cubic-bezier(.16,1,.3,1)}.btn-begin:hover{background:#ffffff1f;border-color:#ffffff4d;transform:scale(1.05);box-shadow:0 0 40px #ffffff1a}.btn-begin:active{transform:scale(.98)}.menu-rules{text-align:center;color:#ffffff80;font-size:.85rem;font-weight:300;line-height:1.8}.menu-rules strong{color:#feca57;font-weight:400}.hint-text{letter-spacing:.1em;color:#ffffff40;font-size:.75rem;font-weight:300}.game-hud{flex-direction:column;gap:8px;padding:20px 24px;display:flex}.hud-top{align-items:center;gap:12px;display:flex}.score{letter-spacing:.05em;color:#ffffffe6;min-width:80px;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:400}.progress-bar{background:#ffffff14;border-radius:2px;flex:1;height:3px;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}.progress-text{letter-spacing:.1em;color:#fff6;text-align:right;min-width:40px;font-size:.75rem;font-weight:300}.flow-meter{align-items:center;gap:12px;display:flex}.flow-label{letter-spacing:.15em;color:#ffffff80;min-width:80px;font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:400}.flow-mult{color:#feca57;font-weight:500}.flow-bar{background:#ffffff0f;border-radius:2px;flex:1;height:4px;overflow:hidden}.flow-fill{border-radius:2px;height:100%;transition:width .15s ease-out,background .5s;box-shadow:0 0 8px #feca5766}.debug-rings{gap:4px;margin-top:2px;display:flex}.debug-ring{color:#ffffff26;font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:400}.debug-ring.passed{color:#ffffffb3}.next-ring-hint{align-items:center;gap:8px;margin-top:4px;display:flex}.next-ring-label{letter-spacing:.2em;color:#fff6;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:.65rem;font-weight:500}.next-ring-dist{color:#ffffffb3;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:400}.complete-label{color:#feca57;letter-spacing:.15em;font-size:.7rem}.color-indicator{align-items:center;gap:8px;display:flex;position:fixed;bottom:32px;left:32px}.color-dot{border-radius:50%;width:12px;height:12px;transition:background .6s;box-shadow:0 0 16px}.color-label{letter-spacing:.08em;color:#ffffff4d;text-transform:uppercase;font-size:.65rem;font-weight:300}.ring-guide{gap:8px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.ring-pip{border:1.5px solid #fff3;border-radius:50%;width:8px;height:8px;transition:all .5s cubic-bezier(.16,1,.3,1)}.ring-pip.passed{transform:scale(1.2);box-shadow:0 0 10px}.touch-joystick{pointer-events:all;z-index:20;justify-content:center;align-items:center;width:120px;height:120px;display:none;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}@media (hover:none) and (pointer:coarse){.touch-joystick{display:flex}}.touch-joystick-base{-webkit-backdrop-filter:blur(10px);opacity:.5;background:#ffffff08;border:2px solid #ffffff26;border-radius:50%;width:100px;height:100px;transition:opacity .3s;position:absolute}.touch-joystick-knob{background:#ffffff26;border:1px solid #fff3;border-radius:50%;width:40px;height:40px;transition:transform 50ms ease-out;position:absolute}.mobile-hint{margin-top:-24px}.complete-screen{pointer-events:all;background:radial-gradient(#0a0a0a80 0%,#0a0a0ae6 100%);justify-content:center;align-items:center;animation:2s ease-out fadeIn;display:flex}.complete-content{flex-direction:column;align-items:center;gap:28px;display:flex}.complete-title{letter-spacing:.2em;color:#ffffffe6;margin:0;font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:300}.final-stats{gap:40px;display:flex}.stat{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-value{color:#feca57;font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:400}.stat-label{letter-spacing:.15em;color:#fff6;text-transform:uppercase;font-size:.75rem;font-weight:300}.complete-buttons{gap:16px;margin-top:8px;display:flex}.btn-secondary{background:#ffffff05!important;border-color:#ffffff14!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}body{color:#fff}::selection{background:#fff3}canvas{display:block}