:root{color-scheme:light dark;--paper: #FAF6E8;--bubble: #ffffff;--ink: #1a1a1a;--ink-muted: #72726d;--ink-faint: #a8a8a1;--accent: #e24b4a;--accent-dark: #7a1a1a;--success-bg: #d3e8c7;--success-fg: #2c5f0e;--danger-bg: #f7d4d4;--danger-fg: #7a1a1a;--radius-md: 8px;--radius-lg: 16px;--font-hand: "Patrick Hand", "Kalam", "Comic Sans MS", cursive;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root{--paper: #1e1c18;--bubble: #2a2824;--ink: #f5f0e2;--ink-muted: #a8a8a1;--ink-faint: #5f5e5a;--accent: #e67e7d;--accent-dark: #4a0a0a;--success-bg: #2a4a1a;--success-fg: #c5e0a8;--danger-bg: #4a1a1a;--danger-fg: #f0c0c0}}*{box-sizing:border-box}body{margin:0;font-family:var(--font-hand);background:var(--paper);color:var(--ink);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem}.app{width:100%;max-width:680px}.hud{display:flex;gap:16px;justify-content:space-between;margin-bottom:10px;font-family:var(--font-mono);font-size:12px;color:var(--ink-muted);letter-spacing:.5px}.hud-item{display:flex;gap:8px;align-items:baseline}.hud-value{font-size:15px;font-weight:500;color:var(--ink);min-width:18px;text-align:right}.stage{position:relative;background:var(--paper);padding:28px 24px 32px;color:var(--ink)}.stage-border{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;width:calc(100% + 8px);height:calc(100% + 8px);pointer-events:none;color:var(--ink)}.corner-creature{position:absolute;width:64px;height:64px;pointer-events:none;color:var(--ink);rotate:var(--rot);animation:mirror-swing 10s ease-in-out infinite alternate}@keyframes mirror-swing{0%{rotate:var(--rot)}to{rotate:calc(var(--rot) * -1)}}.corner-creature.tl{top:170px;left:14px;--rot: -67deg}.corner-creature.tr{top:14px;right:14px;--rot: 41deg}.corner-creature.br{bottom:18px;right:14px;--rot: -5deg}.bubble-wrap{position:relative;margin:20px auto 16px;max-width:460px;height:130px}.bubble-svg{width:100%;height:100%;display:block;color:var(--ink)}.bubble-text{position:absolute;top:18px;right:36px;bottom:36px;left:36px;font-size:20px;line-height:1.3;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink)}.bubble-text.muted{color:var(--ink-faint);font-style:italic}.play-area{position:relative;height:180px;margin:8px 0}.big-button{position:absolute;top:50%;left:50%;width:140px;height:140px;opacity:0;transform:translate(-50%,-50%);pointer-events:none;cursor:pointer;transition:opacity .2s ease-out,transform .1s}.big-button svg{width:100%;height:100%;display:block;color:var(--ink)}.big-button:hover{transform:translate(-50%,-50%) scale(1.04)}.big-button:active{transform:translate(-50%,-50%) scale(.92)}.big-button.live{opacity:1;pointer-events:auto}.big-button-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-hand);font-size:19px;font-weight:400;color:#fff;pointer-events:none;text-align:center;line-height:1}.timer{position:absolute;bottom:0;left:0;height:3px;background:var(--ink);transform:scaleX(0);transform-origin:left;width:100%}.flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85) rotate(-4deg);font-size:22px;font-family:var(--font-hand);padding:8px 18px;border-radius:var(--radius-md);pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;border:2px solid currentColor}.flash.good{background:var(--success-bg);color:var(--success-fg)}.flash.bad{background:var(--danger-bg);color:var(--danger-fg)}.flash.show{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-4deg)}.controls{margin-top:14px;display:flex;gap:10px;justify-content:center;align-items:center}.start-btn{padding:8px 26px;font-size:20px;font-family:var(--font-hand);cursor:pointer;background:var(--bubble);color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius-md);transition:background .12s,transform .1s}.start-btn:hover{background:var(--paper)}.start-btn:active{transform:scale(.96)}.start-btn.hidden{display:none}.mute-btn{width:42px;height:42px;padding:6px;cursor:pointer;background:transparent;border:2px solid var(--ink);border-radius:var(--radius-md);color:var(--ink);display:flex;align-items:center;justify-content:center}.mute-btn:hover{background:var(--bubble)}.mute-icon{width:100%;height:100%;display:block}.mute-icon.hidden{display:none}.settings-panel{margin-top:10px;padding:14px 18px;background:var(--bubble);border:2px solid var(--ink);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:10px}.settings-panel.hidden{display:none}.settings-row{display:flex;align-items:center;gap:10px}.settings-label{font-family:var(--font-hand);font-size:15px;color:var(--ink-muted);width:44px;flex-shrink:0}.settings-row input[type=range]{flex:1;accent-color:var(--accent);cursor:pointer}.settings-val{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);width:28px;text-align:right}