:root{--sky:#ddf0ff;--card:#fff;--ink:#1e2a5a;--ink-soft:#4a5a8f;--go:#1f9d55;--go-dark:#157a40;--stop:#d93a32;--stop-dark:#a92a24;--pick:#f07a2a;--blue:#2f6fd6;--shadow:0 8px 24px #1e2a5a1f;--font:ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--sky);height:100%;color:var(--ink);font-family:var(--font);margin:0}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,canvas:focus-visible{outline:4px solid var(--blue);outline-offset:3px}svg{display:block}#app{height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr) auto;gap:14px;display:grid}.top{align-items:center;gap:12px;min-height:56px;display:flex}.grow{flex:1}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:26px;font-weight:800;display:inline-flex}.brand img{object-fit:contain;width:40px;height:48px}.round{background:var(--card);width:56px;height:56px;box-shadow:var(--shadow);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.round svg{width:28px;height:28px}.pill{background:var(--card);height:56px;box-shadow:var(--shadow);border:0;border-radius:999px;align-items:center;gap:10px;padding:0 22px;font-size:18px;font-weight:800;display:inline-flex}.pill svg{width:26px;height:26px}.stage{gap:18px;min-height:0;display:flex}.board{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.board canvas{box-shadow:var(--shadow);touch-action:none;background:#bde59a;border-radius:24px}.side{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:16px;width:250px;display:flex}.go-wrap{position:relative}.go{background:var(--go);color:#fff;width:170px;height:170px;box-shadow:0 10px 0 var(--go-dark);border:0;border-radius:50%;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s;display:flex}.go svg{width:84px;height:84px}.go:active{box-shadow:0 2px 0 var(--go-dark);transform:translateY(8px)}.go.stopping{background:var(--stop);box-shadow:0 10px 0 var(--stop-dark)}.go.stopping svg{width:70px;height:70px}.go.shake{animation:.5s shake}@keyframes shake{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.hand{pointer-events:none;width:64px;animation:1.2s ease-in-out infinite tap;display:none;position:absolute;bottom:-34px;right:-22px}.first .hand{display:block}.first .go{animation:1.2s ease-in-out infinite pulse}@keyframes tap{0%,to{transform:translate(0)}50%{transform:translate(-14px,-18px)}}@keyframes pulse{0%,to{box-shadow:0 10px 0 var(--go-dark), 0 0 0 0 #1f9d5580}50%{box-shadow:0 10px 0 var(--go-dark), 0 0 0 18px #1f9d5500}}.row{gap:10px;display:flex}.chip{background:var(--card);width:72px;height:64px;box-shadow:var(--shadow);border:4px solid #0000;border-radius:20px;justify-content:center;align-items:center;padding:0;display:flex}.chip svg{width:52px;height:40px}.chip[aria-pressed=true]{border-color:var(--blue);background:#eef4ff}.chip.tool svg{width:30px;height:30px}.chip.tool:disabled{opacity:.4;cursor:default}.chip.rubber[aria-pressed=true]{border-color:var(--pick);background:#fff1e6}.tray{background:var(--card);box-shadow:var(--shadow);scrollbar-width:none;border-radius:26px;align-items:center;gap:12px;padding:12px;display:flex;overflow-x:auto}.tray::-webkit-scrollbar{display:none}.tray.glow{animation:1.6s ease-in-out glow}@keyframes glow{30%,70%{box-shadow:0 0 0 6px #f07a2a99, var(--shadow)}}.piece{touch-action:none;background:#eff7e6;border:5px solid #0000;border-radius:22px;flex:none;justify-content:center;align-items:center;width:96px;height:88px;padding:0;display:flex}.piece svg{width:60px;height:60px}.piece[aria-pressed=true]{border-color:var(--pick);background:#fff1e6}.floating{pointer-events:none;z-index:10;width:80px;height:80px;display:none;position:fixed;top:0;left:0}.floating.on{display:block}.floating svg{filter:drop-shadow(0 8px 12px #1e2a5a4d);width:80px;height:80px}.floating.over{opacity:.35}dialog{background:var(--card);color:var(--ink);border:0;border-radius:28px;max-width:min(900px,94vw);padding:24px;box-shadow:0 24px 60px #1e2a5a4d}dialog::backdrop{background:#1e2a5a73}.tracks-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.shelf{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.kept-wrap{position:relative}.kept{background:#eff7e6;border:4px solid #0000;border-radius:20px;justify-content:center;align-items:center;width:100%;height:150px;padding:8px;display:flex}.kept canvas{width:100%;height:100%}.kept[aria-current=true]{border-color:var(--blue)}.kept.new{background:var(--card);color:var(--blue);border:4px dashed #9aa6cf}.kept.new svg{width:48px;height:48px}.kept-wrap .bin{width:48px;height:48px;position:absolute;top:-10px;right:-10px}.kept-wrap .bin svg{width:24px;height:24px}dialog.ask{text-align:center}dialog.ask p{margin:0 0 18px;font-size:22px;font-weight:800}.ask-row{justify-content:center;gap:18px;display:flex}.chip.big{width:110px;height:90px}.chip.big svg{width:44px;height:44px}.chip.yes{color:var(--stop);background:#fdecec}@media (max-aspect-ratio:1),(max-width:760px){.stage{flex-direction:column;gap:12px}.side{flex-flow:wrap;gap:10px;width:auto}.go{width:104px;height:104px;box-shadow:0 7px 0 var(--go-dark)}.go.stopping{box-shadow:0 7px 0 var(--stop-dark)}.go svg{width:52px;height:52px}.go.stopping svg{width:44px;height:44px}.brand{font-size:20px}.pill span{display:none}.pill{justify-content:center;width:56px;padding:0}}@media (max-width:420px){.chip{width:60px;height:56px}.chip svg{width:42px;height:32px}.piece{width:78px;height:74px}.piece svg{width:50px;height:50px}.go{width:88px;height:88px}}@media (prefers-reduced-motion:reduce){.hand,.first .go,.tray.glow,.go.shake{animation:none}}
/*$vite$:1*/