.canvas-wrapper.svelte-17tmpvw{position:relative;width:100%;max-width:720px;margin:0 auto;aspect-ratio:16 / 9;background:var(--bg-elev);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;touch-action:none}canvas.svelte-17tmpvw{display:block;width:100%;height:100%;cursor:crosshair}.hint.svelte-17tmpvw{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--fg-muted);font-size:1.1rem;font-style:italic;opacity:.5}.hint.hidden.svelte-17tmpvw{opacity:0}.countdown.svelte-17tmpvw{position:absolute;bottom:0;left:0;right:0;height:6px;background:#ffffff0d;overflow:hidden}.countdown.hidden.svelte-17tmpvw{display:none}.countdown-bar.svelte-17tmpvw{height:100%;background:var(--accent);transition:width .1s linear}.countdown-bar.warning.svelte-17tmpvw{background:#ffb84d;animation:svelte-17tmpvw-pulse .6s ease-in-out infinite alternate}.countdown-bar.recognizing.svelte-17tmpvw{width:100%!important;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:50% 100%;animation:svelte-17tmpvw-shimmer 1.2s linear infinite}@keyframes svelte-17tmpvw-pulse{0%{opacity:.6}to{opacity:1}}@keyframes svelte-17tmpvw-shimmer{0%{background-position:-50% 0}to{background-position:150% 0}}.countdown-text.svelte-17tmpvw{position:absolute;bottom:14px;right:14px;font-size:.85rem;font-family:ui-monospace,SF Mono,monospace;color:var(--fg-muted);background:#0006;padding:.3rem .6rem;border-radius:6px}.countdown-text.success.svelte-17tmpvw{color:var(--success)}.countdown-text.error.svelte-17tmpvw{color:var(--danger)}.clear-btn.svelte-17tmpvw{position:absolute;top:12px;right:12px;background:#0006;color:var(--fg-muted);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.4rem .8rem;font-size:.8rem;cursor:pointer;transition:background .2s}.clear-btn.svelte-17tmpvw:hover{background:#ffffff1a;color:var(--fg)}main.svelte-1uha8ag{max-width:800px;margin:0 auto;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1.5rem}header.svelte-1uha8ag{text-align:center}h1.svelte-1uha8ag{font-size:2.2rem;margin:0;background:linear-gradient(135deg,var(--accent),#b48cff);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle.svelte-1uha8ag{color:var(--fg-muted);margin:.3rem 0 0}.scene.svelte-1uha8ag{background:var(--bg-elev);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);position:relative}.scene.ending.svelte-1uha8ag{background:linear-gradient(135deg,var(--bg-elev),rgba(108,140,255,.1))}.scene-label.svelte-1uha8ag{color:var(--accent);font-size:.8rem;font-family:ui-monospace,SF Mono,monospace;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.badge.svelte-1uha8ag{background:var(--accent-soft);color:var(--accent);padding:.15rem .5rem;border-radius:4px;font-size:.7rem;text-transform:none;letter-spacing:normal}.badge.subtle.svelte-1uha8ag{background:#ffffff0d;color:var(--fg-muted)}.scene-text.svelte-1uha8ag{margin:0;line-height:1.6;font-size:1.05rem}.ending-banner.svelte-1uha8ag{margin-top:1.2rem;padding:1rem;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:8px;display:flex;justify-content:space-between;align-items:center;color:var(--success);font-weight:600}.ending-banner.svelte-1uha8ag button:where(.svelte-1uha8ag){background:var(--success);color:#0f0f1a;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600}.ending-banner.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{filter:brightness(1.1)}footer.svelte-1uha8ag{text-align:center}.hint.svelte-1uha8ag{color:var(--fg-muted);font-size:.85rem;margin:0}.phase-tag.svelte-1uha8ag{display:inline-block;margin-top:.6rem;padding:.2rem .6rem;background:var(--accent-soft);color:var(--accent);border-radius:4px;font-size:.7rem;font-family:ui-monospace,SF Mono,monospace}