*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0d0f1c;color:#e8ecff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#app{position:relative;display:flex;flex-direction:column;height:100dvh;max-width:540px;margin:0 auto}.hud{position:absolute;top:8px;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:flex-end;padding:4px 24px;font-variant-numeric:tabular-nums;pointer-events:none}.hud-left{display:flex;align-items:baseline}.hud-right{display:flex;flex-direction:column;align-items:flex-end;line-height:1}.hud .label{font-size:10px;letter-spacing:.22em;color:#aab4dc;margin-right:6px;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.7)}.hud-right .label{margin-right:0;margin-bottom:2px}.hud .value{font-size:24px;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(13,15,28,.95),0 0 18px rgba(13,15,28,.6)}.hud-right .value{color:#d2d9f5}.pause-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:12px;padding:0;background:#1f24408c;color:#e8ecff;border:1px solid rgba(91,139,255,.4);border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s}.pause-btn:hover,.pause-btn:active{background:#5b8bff73;border-color:#aac4ffb3}.pause-btn[hidden]{display:none}.pause-bars{position:relative;display:inline-block;width:12px;height:14px}.pause-bars:before,.pause-bars:after{content:"";position:absolute;top:0;bottom:0;width:4px;background:currentColor;border-radius:1px}.pause-bars:before{left:0}.pause-bars:after{right:0}.stage{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}#game{display:block;width:100%;height:100%;background:#11142a;touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(circle at center,#0d0f1cb3,#0d0f1ceb);pointer-events:auto;transition:opacity .2s ease}.overlay.hidden{opacity:0;pointer-events:none}.overlay h1{font-size:clamp(40px,12vw,72px);margin:0 0 8px;letter-spacing:.1em;background:linear-gradient(180deg,#fff,#8a93cc);-webkit-background-clip:text;background-clip:text;color:transparent}.overlay .tagline{font-size:14px;letter-spacing:.16em;color:#8a93cc;margin:0 0 24px;text-transform:uppercase}.overlay .hint{font-size:13px;color:#b9c0e8;margin:8px 0;line-height:1.6}.overlay kbd{background:#1f2440;border:1px solid #2a3057;border-radius:4px;padding:2px 6px;font-size:11px;color:#e8ecff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.touchbar{display:none;align-items:stretch;padding:8px 12px max(10px,env(safe-area-inset-bottom));background:#0d0f1c}.touchbar.show{display:flex}.movepad{position:relative;flex:1 1 auto;height:88px;background:#1f2440;touch-action:none;user-select:none;-webkit-user-select:none;transition:opacity .12s}.movepad.disabled{pointer-events:none;opacity:.45}.movepad-track{position:absolute;top:50%;left:14px;right:14px;height:3px;margin-top:-1.5px;background:#aac4ff33;border-radius:2px;pointer-events:none}.moveknob{position:absolute;top:calc(50% - 28px);left:calc(50% - 24px);width:48px;height:56px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#5b8bff;filter:drop-shadow(0 0 6px rgba(91,139,255,.85)) drop-shadow(0 0 14px rgba(91,139,255,.55));pointer-events:none;transition:background 80ms,filter 80ms}.movepad.active .moveknob{background:#aac4ff;filter:drop-shadow(0 0 8px rgba(170,196,255,.95)) drop-shadow(0 0 20px rgba(170,196,255,.7))}.canvas-wheel{position:absolute;width:28px;height:28px;margin-left:-14px;margin-top:-14px;pointer-events:none;opacity:0;transition:opacity 80ms}.canvas-wheel.show{opacity:.7}.canvas-knob{position:absolute;width:22px;height:22px;margin-left:-11px;margin-top:-11px;border-radius:50%;background:#2ec27a;border:2px solid #9bf0c2;box-shadow:0 2px 6px #00000080;left:14px;top:14px;pointer-events:none}.pill-btn{margin-top:18px;padding:9px 22px;background:#1f24408c;color:#b9c0e8;border:1px solid rgba(91,139,255,.4);border-radius:999px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.18em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s,border-color .12s,color .12s}.pill-btn:hover,.pill-btn:active{background:#5b8bff73;border-color:#aac4ffb3;color:#e8ecff}.difficulty-buttons{display:flex;justify-content:center;gap:8px;margin:14px 0 16px;flex-wrap:wrap}.difficulty-buttons button{font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.16em;padding:8px 16px;background:#1f24408c;color:#b9c0e8;border:1px solid rgba(91,139,255,.35);border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s,color .12s,border-color .12s,box-shadow .12s,transform .12s}.difficulty-buttons button:hover{color:#e8ecff;border-color:#5b8bffb3}.difficulty-buttons button.active{background:#5b8bffeb;color:#0d0f1c;border-color:#aac4ff;box-shadow:0 0 12px #5b8bff99,0 0 24px #5b8bff59;transform:translateY(-1px)}.debug-buttons{position:absolute;left:50%;bottom:18%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0d0f1c99;border:1px solid rgba(255,200,100,.35);border-radius:10px;z-index:10;pointer-events:auto}.overlay.hidden~.debug-buttons{display:none}.debug-buttons .debug-label{font-size:11px;letter-spacing:.18em;color:#ffdc96e6}.debug-buttons button{padding:8px 14px;background:#ffc8642e;color:#ffe28a;border:1px solid rgba(255,200,100,.5);border-radius:8px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.04em;-webkit-tap-highlight-color:transparent}.debug-buttons button:active{background:#ffc86452}.tbtn{font-size:26px;background:#1f2440;border:1px solid #2a3057;color:#e8ecff;border-radius:16px;cursor:pointer;touch-action:manipulation;transition:background 80ms}.tbtn:active,.tbtn.pressed{background:#2a3057}@media (hover: none) and (pointer: coarse){.desktop-only{display:none}}@media not all and (hover: none) and (pointer: coarse){.touch-only{display:none}}.achievements{margin-top:18px;padding:12px 14px 14px;border:1px solid #2a3057;border-radius:12px;background:#0f122480;width:min(340px,100%)}.achievements:has(.achievement-badges:empty) h2{margin-bottom:0}.achievements h2{margin:0 0 10px;font-size:11px;letter-spacing:.18em;color:#6f7aa6;text-transform:uppercase;text-align:center;font-weight:700;display:inline-flex;align-items:baseline;justify-content:center;gap:8px;width:100%}.achievement-count{font-size:11px;letter-spacing:.04em;text-transform:none;color:#aab4dc;font-weight:700}.reset-hints{margin-top:14px;padding:6px 12px;font:inherit;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#6f7aa6;background:transparent;border:1px solid #2a3057;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .12s,border-color .12s}.reset-hints:hover,.reset-hints:active{color:#aab4dc;border-color:#3a4280}.reset-hints:disabled{opacity:.6;cursor:default}.achievement-badges{position:relative;margin:0 auto}.achievement-badge{position:absolute;display:inline-flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--badge-tint, #5b8bff);color:#0d0f1c;font-size:13px;font-weight:800;letter-spacing:.02em;text-shadow:0 1px 0 color-mix(in srgb,var(--badge-tint, #5b8bff) 65%,white);border:0;border-radius:0;box-shadow:none;cursor:pointer;transition:filter 80ms}.achievement-badge:active{filter:brightness(.85)}.achievement-banner{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%,-200%);display:flex;align-items:center;gap:12px;padding:12px 18px 12px 14px;min-width:240px;max-width:calc(100vw - 24px);background:linear-gradient(135deg,#1f2440f7,#2a3057f7);border:1.5px solid var(--banner-tint, #5b8bff);border-radius:14px;box-shadow:0 10px 30px #00000073,0 0 24px color-mix(in srgb,var(--banner-tint, #5b8bff) 35%,transparent);z-index:1000;pointer-events:none;transition:transform .32s cubic-bezier(.2,.9,.3,1.2)}.achievement-banner.show{transform:translate(-50%)}.achievement-banner .achievement-banner-icon{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0d0f1c99;border:1.5px solid var(--banner-tint, #5b8bff);color:var(--banner-tint, #e8ecff);font-size:14px;font-weight:800;letter-spacing:.04em}.achievement-banner .achievement-banner-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.achievement-banner .achievement-banner-label{font-size:10px;letter-spacing:.22em;color:#8a93cc;text-transform:uppercase}.achievement-banner .achievement-banner-name{font-size:16px;font-weight:700;color:#e8ecff}.achievement-banner .achievement-banner-desc{font-size:11px;color:#b9c0e8;margin-top:2px}