@layer components{.sw-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#141833;padding:0}.sw-hud{top:10px}.sw-hud .hud-score{color:#fff;-webkit-text-stroke:2px #0d0d0f;paint-order:stroke fill;font-size:clamp(52px,11cqh,76px);font-weight:800}.sw-lives{justify-content:center;gap:8px;margin-top:6px;display:flex}.sw-lives i{width:16px;height:16px;transition:opacity .25s ease, transform .25s var(--ease-pop);background:radial-gradient(circle at 35% 30%,#ffb15e,#d9530f 70%);border-radius:50%;box-shadow:0 0 0 2px #0d0d0f}.sw-lives i.is-out{opacity:.25;filter:grayscale();transform:scale(.7)}.sw-streak{color:#0d0d0f;animation:pop .3s var(--ease-pop) both;background:#fff;border-radius:999px;margin-top:8px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.sw-streak.is-fire{background:linear-gradient(90deg,#ff8e1f,#ffc83a)}.sw-stage-say{color:#0d0d0f;background:var(--rn);width:max-content;animation:pop .32s var(--ease-pop) both;border-radius:999px;margin:8px auto 0;padding:5px 14px;font-size:14px;font-weight:700;display:block}@container (min-aspect-ratio:1){.sw-hud{text-align:left;top:20px;left:28px;right:auto}.sw-lives{justify-content:flex-start}.sw-stage-say{margin-left:0}}.sw-cue{bottom:max(14px, env(safe-area-inset-bottom));color:#fff;text-shadow:0 1px 6px #000000b3;font-weight:600}.sw-keys{display:none}@media (pointer:fine){.sw-touch{display:none}.sw-keys{display:inline}}.sw-sum{gap:22px;margin:0;display:flex}.sw-sum dt{color:var(--stage-dim);font-size:12px}.sw-sum dd{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:700}}