:root{--cream:#fff4e8;--ink:#3b2418;--muted:#8a6a58;--berry:#e8436f;--berry-dark:#c22c56;--card:#fff;--line:#f0dccb;--font:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;margin:0}#app{max-width:460px;padding:max(8px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}[hidden]{display:none!important}.topbar{grid-template-columns:44px 1fr 44px;align-items:center;height:52px;display:grid}.logo{text-align:center;letter-spacing:-.02em;color:var(--berry);grid-column:2;margin:0;font-size:1.5rem;font-weight:800}.icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;font-size:1.4rem}.icon-btn:hover{background:var(--line)}.screen{flex-direction:column;gap:12px;animation:.22s ease-out rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.muted{color:var(--muted)}.hero{width:min(78%,300px);margin:4px auto 0}.tagline{text-align:center;margin:0 0 8px;font-size:1.15rem}.board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;display:block}.board-wrap{width:min(100%,62vh);box-shadow:inset 0 0 0 1px var(--line);background:repeating-linear-gradient(0deg,#e8436f17 0 14px,#0000 14px 28px),repeating-linear-gradient(90deg,#e8436f17 0 14px,#0000 14px 28px),#fffaf4;border-radius:24px;margin:0 auto;padding:10px;position:relative}.board-wrap .board{cursor:crosshair}.toast{background:var(--ink);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:8px 14px;font-size:.9rem;transition:opacity .16s,transform .16s;position:absolute;bottom:18px;left:50%;transform:translate(-50%,8px)}.toast.visible{opacity:1;transform:translate(-50%)}.btn{border:2px solid var(--line);background:var(--card);width:100%;min-height:52px;color:var(--ink);font:700 1.05rem var(--font);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:12px 16px;transition:transform 80ms,background .12s;display:flex}.btn small{color:var(--muted);font-size:.82rem;font-weight:500}.btn:active{transform:scale(.98)}.btn.primary{border-color:var(--berry);background:var(--berry);color:#fff}.btn.primary small{color:#ffffffd9}.btn.primary:hover{background:var(--berry-dark)}.link-btn{color:var(--berry);font:700 1rem var(--font);cursor:pointer;background:0 0;border:0;text-decoration:underline}.countdown{text-align:center;font-variant-numeric:tabular-nums;margin:4px 0 0}.play-head h2{margin:0;font-size:1.3rem}.play-head p{margin:2px 0 0}.hint{text-align:center;margin:0}.chips{gap:6px;display:flex}.chip{border:2px solid var(--line);background:var(--card);min-height:40px;color:var(--ink);font:600 .95rem var(--font);cursor:pointer;border-radius:999px;flex:1}.chip.active{border-color:var(--ink);background:var(--ink);color:#fff}.cut-result{text-align:center}.cut-error{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.actions{gap:8px;display:flex}.actions:empty{display:none}.progress{justify-content:center;gap:10px;margin:0;padding:0;font-size:1.3rem;list-style:none;display:flex}.progress li{opacity:.35}.progress li.done,.progress li.current{opacity:1}.progress li.current{transform:scale(1.2)}.stats{text-align:center;margin:0;font-size:.9rem}#results h2{text-align:center;margin:8px 0 0;font-size:1.6rem}#results h3{margin:12px 0 0;font-size:1rem}.results-row{justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.results-row li{flex-direction:column;align-items:center;font-size:2rem;display:flex}.results-row small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.results-total,.results-rank{text-align:center;margin:0}.results-total{font-size:1.25rem;font-weight:800}.results-rank{min-height:1.4em;font-size:1.05rem}.leaderboard{background:var(--card);box-shadow:inset 0 0 0 2px var(--line);border-radius:16px;margin:0;padding:4px;list-style:none}.leaderboard:empty:before{content:"Loading…";color:var(--muted);padding:10px;display:block}.leaderboard li{font-variant-numeric:tabular-nums;border-radius:10px;grid-template-columns:3.2em 1fr auto;gap:8px;padding:8px 10px;display:grid}.leaderboard li.you{background:#ffe3ec;font-weight:700}.leaderboard li.gap{color:var(--muted);padding:0 10px;display:block}.leaderboard .rank{color:var(--muted)}.leaderboard .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.name-dialog{width:min(92vw,380px);color:var(--ink);font-family:var(--font);border:0;border-radius:20px;padding:20px}.name-dialog::backdrop{background:#3b241873}.name-dialog form{flex-direction:column;gap:12px;display:flex}.name-dialog label{font-weight:700}.name-dialog input{border:2px solid var(--line);font:1.05rem var(--font);border-radius:12px;padding:12px}