html,body{color:#30303a;-webkit-user-select:none;user-select:none;touch-action:none;background:#d9d2bf;height:100%;margin:0;font-family:Patrick Hand,Comic Sans MS,cursive;overflow:hidden}#board{width:100vw;height:100vh;display:block}#hud{pointer-events:none;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:fixed;top:12px;left:12px;right:12px}#hud>*{pointer-events:auto}#timer{font-variant-numeric:tabular-nums;background:#f5f0e1e6;border:2px solid #30303a99;border-radius:10px 14px 9px 12px;min-width:110px;padding:2px 14px;font-size:32px}button{font:inherit;color:inherit;cursor:pointer;background:#f5f0e1e6;border:2px solid #30303a99;border-radius:12px 9px 13px 10px;padding:6px 14px;font-size:22px}button:hover{background:#fffaf0}#trail[aria-pressed=false]{opacity:.6}#controls{pointer-events:none;align-items:center;gap:10px;display:flex;position:fixed;bottom:10px;left:12px;right:12px}#controls>*{pointer-events:auto}.group{display:flex}.group[hidden]{display:none}.group button{border-radius:0;margin-left:-2px}.group button:first-child{border-radius:12px 0 0 10px;margin-left:0}.group button:last-child{border-radius:0 9px 13px 0}.group button[aria-pressed=true]{color:#f5f0e1;background:#30303a}button:disabled{opacity:.4;cursor:default}button:disabled:hover{background:#f5f0e1e6}#banner{pointer-events:none;text-shadow:0 0 12px #f5f0e1,0 0 4px #f5f0e1;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:120px;display:flex;position:fixed;inset:0}#banner[hidden]{display:none}#banner.finished{pointer-events:auto;background:#f5f0e18c;font-size:56px}#banner button{font-size:32px}#mute[aria-pressed=true]{opacity:.6}#hud>.corner{opacity:.45;padding:4px 8px;font-size:16px}#presets{gap:8px;margin-left:auto;display:flex}#presets button{flex-direction:column;align-items:center;min-width:78px;padding:4px 8px 2px;font-size:18px;line-height:1.1;display:flex}#presets button .icon{font-size:38px;line-height:1.2}#presets button[aria-pressed=true]{color:#f5f0e1;background:#30303a;transform:rotate(-2deg)scale(1.06)}#tuning{-webkit-user-select:text;user-select:text;background:#f5f0e1f7;border:2px solid #30303a99;border-radius:12px;width:300px;max-height:calc(100vh - 190px);padding:10px 14px 14px;font-family:system-ui,sans-serif;font-size:14px;position:fixed;top:62px;right:12px;overflow-y:auto}#tuning[hidden]{display:none}#tuning header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}#tuning button{padding:2px 10px;font-size:14px}#tuning .check{margin-bottom:8px;display:block}#tuning .sliders label{grid-template-columns:1fr auto;margin-bottom:6px;display:grid}#tuning .sliders input{grid-column:1/-1;width:100%}#tuning output{font-variant-numeric:tabular-nums;font-weight:600}#tuning textarea{box-sizing:border-box;width:100%;margin:4px 0 6px;font:12px ui-monospace,monospace}#debug{color:#e8f0d8;pointer-events:none;background:#14141cbf;border-radius:6px;margin:0;padding:6px 10px;font:12px ui-monospace,monospace;position:fixed;bottom:74px;left:12px}#debug[hidden]{display:none}#notice{background:#30303a59;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}#notice[hidden]{display:none}#notice .card{text-align:center;background:#f5f0e1;border:3px solid #30303ab3;border-radius:18px 14px 20px 12px;max-width:520px;padding:18px 26px 22px;box-shadow:0 8px 30px #0003}#notice .icon{font-size:64px;line-height:1.1}#notice h2{margin:6px 0 4px;font-size:36px;font-weight:400}#notice p{margin:6px 0;font-size:24px}#notice p.grown-ups{opacity:.7;margin-top:12px;font-family:system-ui,sans-serif;font-size:13px}#notice .buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}#notice .buttons button{font-size:28px}