:root{color-scheme:dark;--st-accent: #6248ff;--st-gold: #f5c842;--st-bg: #12082a}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--st-bg);color:#f0f0f0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#app,.st-wrap{width:100%;height:100%;height:100dvh}.st-wrap{position:relative;overflow:hidden}.st-canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}.st-canvas-host canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.st-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.st-hud-top{display:flex;align-items:flex-start;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left))}.st-score{font-size:clamp(2.4rem,10vw,3.2rem);font-weight:800;line-height:1;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}.st-best{font-size:.82rem;color:#ffffffa6;background:#00000059;padding:6px 12px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.st-best strong{color:var(--st-gold)}.st-combo{position:absolute;top:28%;left:50%;transform:translate(-50%);font-size:1.1rem;font-weight:800;color:#ff9f43;text-shadow:0 2px 8px rgba(0,0,0,.6);animation:st-pop .35s ease}.st-perfect{position:absolute;top:38%;left:50%;transform:translate(-50%);font-size:1.25rem;font-weight:800;color:#7bed9f;text-shadow:0 2px 10px rgba(0,0,0,.6);animation:st-pop .35s ease}@keyframes st-pop{0%{transform:translate(-50%) scale(.7);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.st-overlay,.st-gameover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#080618d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.st-gameover[hidden],.st-overlay[hidden]{display:none!important}.st-card{width:min(400px,92vw);padding:28px 22px;background:#161030f5;border:1px solid rgba(255,255,255,.1);border-radius:20px;text-align:center;box-shadow:0 24px 80px #00000073}.st-card--over h2{font-size:1.5rem;margin-bottom:12px}.st-badge{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#a89cff;font-weight:700;margin-bottom:8px}.st-card h1{font-size:clamp(1.5rem,6vw,1.85rem);margin-bottom:10px}.st-desc,.st-hint{color:#a0a0b8;line-height:1.55;font-size:.92rem}.st-desc{margin-bottom:14px}.st-record,.st-final-score,.st-final-best{margin-bottom:12px;font-size:.95rem;color:#ccc}.st-record strong,.st-final-score strong,.st-final-best strong{color:var(--st-gold)}.st-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:14px 32px;width:100%;max-width:280px;background:var(--st-accent);color:#fff;font:inherit;font-size:1.05rem;font-weight:700;cursor:pointer;margin:8px auto 14px;display:block;transition:transform .12s,background .15s}.st-btn:active{transform:scale(.96);background:#7a5cff}.st-hint{font-size:.78rem;opacity:.7}