:root{--bg: #1a0f0a;--ink: #f4e6c8;--muted: #c4a882;--cyan: #3ecfb8;--coral: #e06a4a;--gold: #e8c547;--panel: rgba(18, 10, 8, .62)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:ui-rounded,Trebuchet MS,Segoe UI,sans-serif;touch-action:none}#app,#view{position:fixed;inset:0;width:100%;height:100%}#hud{position:fixed;inset:0;pointer-events:none;z-index:2}.hud-top{position:absolute;top:max(10px,env(safe-area-inset-top));left:0;right:0;display:flex;justify-content:center;gap:18px;align-items:center}.score-chip{min-width:88px;padding:8px 14px;border-radius:14px;background:var(--panel);border:1px solid rgba(244,230,200,.12);text-align:center;backdrop-filter:blur(8px)}.score-chip .lbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.score-chip .num{font-size:28px;line-height:1.05;font-weight:800}.score-chip.cyan .num{color:var(--cyan)}.score-chip.coral .num{color:var(--coral)}.banner{position:absolute;left:50%;top:22%;transform:translate(-50%);font-size:clamp(22px,5vw,42px);font-weight:800;letter-spacing:.08em;text-shadow:0 4px 24px #000;opacity:0;transition:opacity .2s ease;text-align:center}.banner.show{opacity:1}.boost-wrap{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(280px,46vw);height:12px;border-radius:999px;background:#00000073;border:1px solid rgba(244,230,200,.16);overflow:hidden}.boost-fill{height:100%;width:100%;background:linear-gradient(90deg,#c46a22,var(--gold));transform-origin:left}.mute-btn,.help-note{pointer-events:auto}.mute-btn{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;height:44px;border-radius:12px;border:1px solid rgba(244,230,200,.18);background:var(--panel);color:var(--ink);font-size:18px;cursor:pointer}.help-note{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));font-size:12px;color:var(--muted);background:var(--panel);padding:8px 10px;border-radius:10px;max-width:42vw;line-height:1.35}.touch-layer{position:absolute;inset:0;pointer-events:none}.stick-well{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:148px;height:148px;border-radius:50%;background:#120a0861;border:2px solid rgba(244,230,200,.18);pointer-events:auto}.stick-knob{position:absolute;width:62px;height:62px;border-radius:50%;background:#f4e6c8d9;left:50%;top:50%;transform:translate(-50%,-50%)}.btn-col{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;pointer-events:auto}.act-btn{width:84px;height:84px;border-radius:50%;border:2px solid rgba(244,230,200,.22);background:#120a0880;color:var(--ink);font-weight:800;letter-spacing:.06em;font-size:13px}.act-btn.boost{background:#c46a228c}.act-btn.active{filter:brightness(1.25);transform:scale(.97)}@media(hover:hover)and (pointer:fine){.touch-layer{display:none}}