:root{--ink:#3b2a1c;--paper:#faf5e8d1;--accent:#9c7442;color:var(--ink);font-family:Pretendard,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:#dfe8cf;height:100%;margin:0;overflow:hidden}#stage{touch-action:none;position:fixed;inset:0}#stage canvas{display:block}#stage canvas.mallet-active{cursor:none}.top,.bottom{padding:16px max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left));pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;left:0;right:0}.top{top:env(safe-area-inset-top,0px)}.bottom{bottom:env(safe-area-inset-bottom,0px)}.top>*,.bottom>*{pointer-events:auto}h1{letter-spacing:.08em;margin:0;font-size:1rem;font-weight:600}.actions,.bowls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.bowls button,.actions>button,.start{background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #3b2a1c33;border-radius:999px;padding:8px 14px;font-size:.875rem}.bowls button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.hint{background:var(--paper);border-radius:999px;margin:0;padding:8px 14px;font-size:.875rem}.volume{background:var(--paper);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.875rem;display:flex}.intro{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#dfe8cf99;place-content:center;justify-items:center;gap:8px;display:grid;position:fixed;inset:0}.intro[hidden]{display:none}.intro p{margin:0;font-size:.8125rem}.start{padding:12px 28px;font-size:1rem}