@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fredoka-latin-400-normal-17JuUzdy.woff2)format("woff2"),url(/assets/fredoka-latin-400-normal-DbXSrOeS.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}:root{--sky:#bfdcef;--ink:#23243a;--muted:#4c5668;--tray:#eaf3f9;--bubble:#d2e3ef;--panel:#fff;--tape:#ffd23f;--danger:#d8403a;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sky:#16223a;--ink:#f1f3f8;--muted:#a9b3c4;--tray:#223251;--bubble:#2c3e62;--panel:#1f2c47;--danger:#ff6b63}}:root[data-theme=dark]{--sky:#16223a;--ink:#f1f3f8;--muted:#a9b3c4;--tray:#223251;--bubble:#2c3e62;--panel:#1f2c47;--danger:#ff6b63}*,:before,:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--sky);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Fredoka,ui-rounded,Segoe UI,system-ui,sans-serif}.app{flex-direction:column;align-items:center;max-width:440px;margin:0 auto;padding:10px 12px 16px;display:flex}.top{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:6px;display:flex}.tape{letter-spacing:.02em;color:#23243a;background:var(--tape);clip-path:polygon(0 8%,4% 0,8% 10%,12% 2%,88% 2%,92% 10%,96% 0,100% 8%,97% 50%,100% 92%,96% 100%,92% 90%,88% 98%,12% 98%,8% 90%,4% 100%,0 92%,3% 50%);margin:0;padding:2px 22px 4px;font-size:30px;font-weight:600;transform:rotate(-2.5deg)}.stats{gap:8px;display:flex}.stat{text-align:center;background:var(--panel);border:3px solid #2b2b35;border-radius:14px;min-width:66px;padding:2px 10px 4px;line-height:1}.stat span{font-variant-numeric:tabular-nums;margin-top:3px;font-size:24px;font-weight:600;display:block}.stat small{color:var(--muted);font-size:12px}.stat.urgent{border-color:var(--danger)}.stat.urgent span{color:var(--danger);animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.15)}}.stage{justify-content:center;width:100%;display:flex;position:relative}#board{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;max-height:calc(100dvh - 130px);display:block}.box{fill:#d9a863;stroke:#2b2b35;stroke-width:3px;stroke-linejoin:round}.tray{fill:var(--tray)}.bubble{fill:var(--bubble)}.item{cursor:grab}.item .fx{transform-origin:0 0;transition:filter .1s}.item.ok .fx{filter:drop-shadow(0 0 5px #2fb3a2)}.item.bad .fx{filter:drop-shadow(0 0 3px #e8544e)drop-shadow(0 0 5px #e8544e)}.item.lift .fx{filter:drop-shadow(0 7px 4px #0000004d)}.item.lift.ok .fx{filter:drop-shadow(0 7px 4px #0000004d)drop-shadow(0 0 5px #2fb3a2)}.item.lift.bad .fx{filter:drop-shadow(0 7px 4px #0000004d)drop-shadow(0 0 3px #e8544e)drop-shadow(0 0 5px #e8544e)}.selbox{fill:none;stroke:#3f6fd1;stroke-width:2px;stroke-dasharray:6 5}.handle{cursor:pointer}#thumb{fill:#2b2b35;opacity:.25}.fx.pop{animation:.22s ease-out pop}.fx.shake{animation:.32s ease-in-out shake}@keyframes pop{0%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes shake{20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.hint{color:var(--muted);text-align:center;max-width:36ch;margin:8px 0 0;font-size:14px}.overlay{background:color-mix(in srgb, var(--sky) 72%, transparent);border-radius:18px;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.card{background:var(--panel);text-align:center;border:3px solid #2b2b35;border-radius:22px;width:min(100%,340px);padding:22px 20px;box-shadow:0 6px #2b2b35}.card h2{margin:0 0 6px;font-size:26px;font-weight:600}.card p{color:var(--muted);margin:0 0 14px;font-size:16px;line-height:1.45}.big{font-variant-numeric:tabular-nums;margin:6px 0 2px;font-size:54px;font-weight:600;line-height:1}.tier{background:var(--tape);color:#23243a;border-radius:8px;margin-bottom:12px;padding:2px 12px;font-weight:500;display:inline-block;transform:rotate(-1.5deg)}.share{white-space:pre-wrap;text-align:left;background:var(--sky);border-radius:12px;margin:0 0 14px;padding:10px 12px;font-family:inherit;font-size:15px;line-height:1.5}.btns{flex-direction:column;gap:10px;display:flex}button{font:inherit;color:#23243a;background:var(--tape);cursor:pointer;border:3px solid #2b2b35;border-radius:14px;padding:10px 14px;font-size:18px;font-weight:500;box-shadow:0 4px #2b2b35}button:active{transform:translateY(3px);box-shadow:0 1px #2b2b35}button.alt{background:#fff}button:focus-visible{outline-offset:3px;outline:3px solid #3f6fd1}@media (prefers-reduced-motion:reduce){.fx.pop,.fx.shake,.stat.urgent span{animation:none}.tape,.tier{transform:none}}