:root{--bg: #004d5c;--bg-deep: #003540;--panel: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .95);--muted: rgba(255, 255, 255, .75);--border: rgba(255, 255, 255, .15);--letter-spacing: .02em;--letter-spacing-tight: .01em;--line-height: 1.5;--line-height-tight: 1.35;--safe-top: env(safe-area-inset-top, 0);--safe-bottom: env(safe-area-inset-bottom, 0);--safe-left: env(safe-area-inset-left, 0);--safe-right: env(safe-area-inset-right, 0)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);font-family:sans-serif;font-weight:400;font-size:16px;line-height:var(--line-height);letter-spacing:var(--letter-spacing-tight);background:linear-gradient(180deg,#26c6da 0%,#0097a7 35%,#006064 70%,var(--bg-deep) 100%);min-height:100vh;min-height:-webkit-fill-available;color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.wrap{max-width:980px;margin:0 auto;padding:max(20px,var(--safe-top)) max(16px,var(--safe-right)) max(20px,var(--safe-bottom)) max(16px,var(--safe-left))}.hud{display:grid;gap:12px;padding:14px 16px;border:1px solid var(--border);background:var(--panel);border-radius:14px;letter-spacing:var(--letter-spacing-tight)}.hud__row{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:baseline;line-height:var(--line-height-tight)}.hud__item{letter-spacing:var(--letter-spacing-tight)}.hud__item .label{color:var(--muted);margin-right:6px;letter-spacing:.03em}.hud__item #score,.hud__item #lives,.hud__item #coins,.hud__item #best,.hud__item #mult{letter-spacing:.02em}#score.score-blink{animation:score-blink .35s ease-in-out infinite}@keyframes score-blink{0%,to{opacity:1}50%{opacity:.35}}.hud__row--combo{margin-top:2px;gap:0}.combo-bar-wrap{width:100%;height:8px;border-radius:6px;background:#003c5080;border:1px solid var(--border);overflow:hidden}.combo-bar{height:100%;width:100%;max-width:100%;border-radius:5px;background:#ffffff40;transition:width .15s ease-out}.settings-btn{margin-left:auto;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font-size:18px;cursor:pointer;line-height:1;letter-spacing:.02em;-webkit-tap-highlight-color:transparent}.settings-btn:hover{background:#ffffff1f}.settings-btn:active{opacity:.9}.settings-panel{margin-top:12px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:#00324666;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height)}.settings-panel.hidden{display:none}.settings-panel__row{margin-bottom:14px}.settings-panel__row:last-child{margin-bottom:0}.settings-panel label{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-size:15px;color:var(--text);letter-spacing:.02em;line-height:1.4}.settings-panel .switch-wrap{display:flex;align-items:center;gap:10px}.settings-panel .switch-label-off,.settings-panel .switch-label-on{font-size:13px;color:var(--muted);min-width:28px;text-align:center;letter-spacing:.04em;line-height:1.2}.settings-panel label:has(input:not(:checked)) .switch-label-off{color:#ffffffe6}.settings-panel label:has(input:checked) .switch-label-on{color:#7fddc4}.settings-panel input[type=checkbox]{appearance:none;width:44px;height:24px;border-radius:12px;background:#003c5099;border:1px solid var(--border);cursor:pointer;position:relative;transition:background .2s,border-color .2s}.settings-panel input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#ffffffe6;transition:transform .2s;box-shadow:0 1px 3px #0003}.settings-panel input[type=checkbox]:checked{background:#26c6da80;border-color:#26c6da}.settings-panel input[type=checkbox]:checked:before{transform:translate(20px)}.settings-panel input[type=checkbox]:hover{opacity:.95}.hud__help{color:var(--muted);font-size:14px;line-height:1.5;letter-spacing:.02em;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hud__touch{display:none}@media (hover: none) and (pointer: coarse){.hud__keys{display:none}.hud__touch{display:inline}}kbd{padding:3px 8px;border:1px solid var(--border);border-bottom-color:#ffffff40;border-radius:8px;background:#003c5059;font-size:12px;letter-spacing:.03em;line-height:1.3}canvas{display:block;width:100%;max-width:min(900px,100vw - 32px);height:auto;aspect-ratio:900 / 520;margin-top:14px;border-radius:18px;border:1px solid var(--border);box-shadow:0 8px 32px #00506440;touch-action:none;-webkit-user-select:none;user-select:none;contain:layout style paint}@media (max-width: 400px){.hud__row{gap:12px 16px}.hud__item .label{margin-right:4px}}.tip{margin-top:14px;color:var(--muted);font-size:14px;line-height:1.55;letter-spacing:.02em}