:root{--bg:#f6f3ec;--ink:#1e2233;--dim:#6b7090;--accent:#ffbe1a;--card:#fff;--line:#e4e7f0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app{padding:max(12px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));grid-template-rows:auto 1fr auto;max-width:560px;margin:0 auto;display:grid;position:fixed;inset:0}.hud{align-items:center;gap:10px;min-height:44px;display:flex}.pill{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-weight:700}.msg{color:var(--dim);flex:1;font-size:15px}.icon{border:1px solid var(--line);background:var(--card);border-radius:14px;width:44px;height:44px;font-size:18px}.icon.off{opacity:.4}#board{touch-action:none;width:100%;height:100%;display:block}.bar{justify-content:center;gap:12px;padding-top:8px;display:flex}.btn{background:var(--accent);color:#fff;border:0;border-radius:16px;min-height:48px;padding:0 22px;font-size:16px;font-weight:700}.btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--line)}.btn.big{min-height:56px;padding:0 40px;font-size:20px}.splash{background:var(--bg);z-index:5;text-align:center;align-content:center;place-items:center;gap:24px;padding:16px;display:grid;position:fixed;inset:0}.splash h1{margin:0;font-size:clamp(32px,9vw,56px)}.splash.hide{display:none}body.idle *{animation-play-state:paused!important}