:root{--cyan:#22d3ee;--violet:#8b5cf6;--danger:#f43f5e;--amber:#f59e0b;--ink:#eef2ff;--font:ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0b1026;overflow:hidden}#game{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0;overflow:hidden}.hud__score{top:max(3vh, env(safe-area-inset-top,0px));text-align:center;letter-spacing:-.02em;text-shadow:0 0 24px #22d3ee73,0 2px 12px #00000080;font-size:clamp(44px,9vw,76px);font-weight:800;position:absolute;left:0;right:0}.hud__score.pop{animation:.28s ease-out pop}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}.hud__combo{top:calc(max(3vh, env(safe-area-inset-top,0px)) + clamp(52px, 10vw, 86px));text-align:center;color:var(--cyan);opacity:0;text-shadow:0 0 16px #22d3ee99;font-size:clamp(16px,3.4vw,24px);font-weight:700;transition:opacity .18s,transform .18s;position:absolute;left:0;right:0;transform:translateY(-6px)}.hud__combo--on{opacity:1;transform:translateY(0)}.hud__combo--fever{color:var(--amber);text-shadow:0 0 18px #f59e0bcc;animation:.5s infinite alternate fever-flicker}@keyframes fever-flicker{0%{transform:scale(1)}to{transform:scale(1.08)}}.hud__best{top:max(2.4vh, env(safe-area-inset-top,0px));letter-spacing:.14em;color:#eef2ff8c;font-size:clamp(12px,2.4vw,15px);font-weight:700;position:absolute;right:4vw}.foot{bottom:max(2vh, env(safe-area-inset-bottom,0px));text-align:center;letter-spacing:.08em;color:#eef2ff52;font-size:12px;position:absolute;left:0;right:0}.panel{text-align:center;-webkit-backdrop-filter:blur(18px);background:#0f15308c;border:1px solid #94a3ff2e;border-radius:28px;width:min(86vw,420px);padding:clamp(28px,5vh,44px) 28px;transition:opacity .25s,transform .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 80px #02061799,inset 0 1px #ffffff14}.panel.hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translate(-50%,-46%)}.title{letter-spacing:.02em;margin-bottom:14px;font-size:clamp(34px,8vw,52px);font-weight:900;line-height:1.05}.title span{background:linear-gradient(100deg, var(--cyan), var(--violet));color:#0000;filter:drop-shadow(0 0 18px #8b5cf680);-webkit-background-clip:text;background-clip:text}.hint{color:#eef2ffbf;margin-bottom:22px;font-size:clamp(14px,3vw,17px);line-height:1.6}.hint em{color:var(--danger);font-style:normal;font-weight:700}.cta{letter-spacing:.1em;text-transform:uppercase;color:#061018;background:linear-gradient(100deg, var(--cyan), var(--violet));border-radius:999px;padding:14px 26px;font-size:clamp(14px,3vw,16px);font-weight:800;animation:1.8s ease-in-out infinite breathe;display:inline-block;box-shadow:0 8px 30px #22d3ee59}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}kbd{background:#ffffff2e;border-radius:6px;padding:1px 7px;font-family:inherit}.panel__best{letter-spacing:.12em;text-transform:uppercase;color:#eef2ff80;margin-top:18px;font-size:14px;font-weight:700}.over__label{letter-spacing:.28em;color:#eef2ffa6;margin-bottom:6px;font-size:clamp(15px,3.2vw,19px);font-weight:800}.over__label--best{color:var(--amber);text-shadow:0 0 20px #f59e0bb3}.over__score{letter-spacing:-.03em;background:linear-gradient(160deg, #fff, var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:clamp(56px,14vw,92px);font-weight:900}.over__stats{color:#eef2ff99;margin-bottom:24px;font-size:14px}.popups{position:absolute;inset:0}.popup{opacity:0;white-space:nowrap;font-size:clamp(16px,3.6vw,22px);font-weight:800;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .7s;position:absolute;transform:translate(-50%,-50%)scale(.7)}.popup--live{opacity:0;animation:.75s ease-out forwards popup-fade;transform:translate(-50%,calc(-50% - 64px))scale(1)}@keyframes popup-fade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.popup--score{color:var(--cyan);text-shadow:0 0 14px #22d3eeb3}.popup--near{color:#fff;text-shadow:0 0 16px #8b5cf6e6}.popup--fever{color:var(--amber);text-shadow:0 0 16px #f59e0bcc}.flash{opacity:0;pointer-events:none;background:radial-gradient(circle,#f43f5e59,#f43f5e14);position:fixed;inset:0}.flash--on{animation:.4s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}