html,body,#root{height:100%}body{overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;color:#3b332a;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#f4eee3;margin:0;font:16px/1.4 Bradley Hand,Chalkboard SE,Comic Sans MS,cursive;overflow:hidden}.app{position:fixed;inset:0}canvas{touch-action:none}.count{opacity:.22;pointer-events:none;place-content:center;font-size:24vh;display:grid;position:fixed;inset:0}.fx{pointer-events:none;z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:2vh;animation:2s ease-out both fx;display:flex;position:fixed;inset:0}.fx .art{place-content:center;display:grid}.fx.poop .art{will-change:transform;animation:2s cubic-bezier(.45,0,.85,.4) both stain}.fx.like .art{animation:2s ease-out both like}.fx .tally{color:#3b332a;text-shadow:2px 3px #3b332a24;margin:0;font-size:4vh;animation:2s ease-out both tally}.fx .tally small{opacity:.55;font-size:.7em}@keyframes fx{0%{opacity:0}10%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes stain{0%{opacity:0;transform:scale(.06)rotate(-26deg)}8%{opacity:1}30%{animation-timing-function:cubic-bezier(.2,1.6,.4,1);transform:scale(1.15)rotate(3.5deg)}41%{animation-timing-function:cubic-bezier(.3,1.4,.5,1);transform:scale(.91)rotate(-2.5deg)}54%{transform:scale(1.05)rotate(1deg)}70%{animation-timing-function:ease-out;transform:scale(1)rotate(-.5deg)}to{transform:scale(1)rotate(-1.5deg)}}@keyframes tally{0%,30%{opacity:0;transform:translateY(1.4vh)scale(.92)}46%{opacity:1;transform:translateY(0)scale(1.03)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.fx.poop .art,.fx .tally{animation:none}}.fx.poop .art svg{width:60vmin;height:60vmin}.fx.like .art svg{width:22vmin;height:22vmin}@keyframes like{0%{opacity:0;transform:rotate(-30deg)scale(.6)}14%{opacity:1;transform:rotate(10deg)scale(1.08)}26%{transform:rotate(-12deg)scale(1)}38%{transform:rotate(9deg)scale(1.02)}50%{transform:rotate(-6deg)scale(1)}62%{transform:rotate(3deg)scale(1)}70%{transform:rotate(0)scale(1)}to{opacity:0;transform:translateY(-4vh)rotate(-4deg)scale(1)}}.ink{pointer-events:none;width:0;height:0;position:fixed}.combo{top:calc(10px + env(safe-area-inset-top));right:calc(42px + env(safe-area-inset-right));color:#fffdf7;-webkit-text-stroke:.07em #3b332a;text-shadow:2px 3px #3b332a29;filter:url(#ink);pointer-events:none;line-height:1;animation:.55s ease-out both combo;position:fixed}@keyframes combo{0%{opacity:0;transform:rotate(-8deg)scale(2.2)}36%{opacity:1;transform:rotate(2deg)scale(1)}62%{transform:rotate(-2deg)scale(1.16)}to{opacity:1;transform:rotate(-3deg)scale(1)}}.ballfx{right:calc(10px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed}.ballfx .chip{color:#7a4a21;background:#fffdf7e6;border:1.5px solid #3b332a;border-radius:14px;align-items:center;gap:6px;padding:3px 10px 3px 6px;font-size:13px;animation:.3s ease-out popin;display:flex;box-shadow:2px 2px #3b332a2e}.ballfx svg{width:18px;height:18px}.toast{color:#7a4a21;pointer-events:none;background:#fffdf7eb;border:2px solid #3b332a;border-radius:48% 52% 45% 55%/55% 46% 54% 45%;width:fit-content;margin:0 auto;padding:10px 24px;font-size:5vh;animation:1.6s ease-out both toast;position:fixed;top:16vh;left:0;right:0;box-shadow:3px 3px #3b332a38}.toast.opp{color:#3b332a;background:#f4eee3f0;font-size:3.4vh}.toast.roll{color:#3b332a;background:#fffdf7f2;border-style:dashed}.toast.mark{color:#fffdf7;filter:url(#ink);background:#3b332adb;border-color:#fffdf7;font-size:6.5vh}.toast.upgrade{color:#76541b;text-align:center;background:#fff7d7f5;border-color:#c99a39;font-size:clamp(18px,3.5vh,36px);top:auto;bottom:24vh}.toast.upgrade strong,.toast.upgrade small{display:block}.toast.upgrade small{margin-top:4px;font-size:.65em}@media (prefers-reduced-motion:reduce){.toast.upgrade{animation:none}}.powers{top:50%;right:calc(10px + env(safe-area-inset-right));flex-direction:column;gap:8px;display:flex;position:fixed;transform:translateY(-50%)}.powers.low{top:auto;right:0;bottom:calc(10px + env(safe-area-inset-bottom));flex-flow:wrap;justify-content:center;gap:10px;max-width:224px;margin:0 auto;left:0;transform:none}.powers .power{color:#7a4a21;background:#fffdf7eb;border:2px solid #3b332a;border-radius:46% 54% 48% 52%/54% 46% 52% 48%;place-content:center;width:46px;height:46px;padding:0;animation:.35s ease-out popin;display:grid;position:relative;box-shadow:2px 2px #3b332a33}.powers svg{width:26px;height:26px}.powers .power.timed,.ballfx .chip.timed{border-style:dashed}.power-kind{opacity:.55;font-size:10px;position:absolute;top:0;left:4px}.power-tier{font:700 10px/1 ui-monospace,monospace;position:absolute;top:0;right:4px}.tA{color:#6b6f76}.tB{color:#3a7d5c}.tC{color:#3b6ea5}.tD{color:#7c4a9e}.tS{color:#c0392b}.info .badge.tA{color:#6b6f76}.info .badge.tB{color:#3a7d5c}.info .badge.tC{color:#3b6ea5}.info .badge.tD{color:#7c4a9e}.info .badge.tS{color:#c0392b}.power-key{opacity:.7;font:11px/1 ui-monospace,monospace;position:absolute;bottom:0;right:3px}@media (pointer:coarse){.power-key{display:none}}.powers .power:hover:not(:disabled){transform:rotate(-2deg)scale(1.08)}@media (pointer:coarse),(width<=560px){.powers{top:auto;right:0;bottom:calc(10px + env(safe-area-inset-bottom));flex-flow:wrap;justify-content:center;gap:10px;max-width:224px;margin:0 auto;left:0;transform:none}.powers .power{width:46px;height:46px}.ballfx{top:calc(50px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));align-items:flex-start;bottom:auto;right:auto}}@keyframes toast{0%{opacity:0;transform:scale(.6)rotate(-6deg)}15%{opacity:1;transform:scale(1.06)rotate(2deg)}30%{opacity:1;transform:scale(1)rotate(-1.5deg)}78%{opacity:1}to{opacity:0;transform:scale(1)rotate(-1deg)}}@keyframes popin{0%{opacity:0;transform:scale(.5)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(0)}}.final{opacity:.7;margin:0;font-size:3.5vh}.over{text-align:center;background:#f4eee3bf;place-content:center;display:grid;position:fixed;inset:0}.menu{padding:calc(5vh + env(safe-area-inset-top)) calc(7vw + env(safe-area-inset-right)) calc(5vh + env(safe-area-inset-bottom)) calc(7vw + env(safe-area-inset-left));-webkit-overflow-scrolling:touch;background:#f4eee3d9;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;display:flex;position:fixed;inset:0;overflow-y:auto}.menu h1{margin:0;font-size:9vh;font-weight:400;transform:rotate(-2deg)}.menu .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.info{z-index:20;padding:calc(4vh + env(safe-area-inset-top)) calc(6vw + env(safe-area-inset-right)) calc(4vh + env(safe-area-inset-bottom)) calc(6vw + env(safe-area-inset-left));-webkit-overflow-scrolling:touch;background:#f4eee3f7;flex-direction:column;gap:8px;display:flex;position:fixed;inset:0;overflow-y:auto}.info h2{margin:0;font-size:5vh;font-weight:400;transform:rotate(-2deg)}.info .row{justify-content:space-between;align-items:center;gap:10px;display:flex}.info .how{opacity:.7;margin:0;font-size:13px}.info h3{opacity:.6;margin:10px 0 2px;font-size:14px;font-weight:400}.info .item{border-bottom:1px dashed #3b332a24;align-items:flex-start;gap:8px;padding:4px 0;display:flex}.info .item svg{color:#7a4a21;flex:none;width:24px;height:24px}.info .item p{opacity:.75;margin:2px 0 0;font-size:13px}.info .badge{color:#7a4a21;background:#fffdf7e6;border:1.5px solid #3b332a;border-radius:12px;margin-left:8px;padding:1px 8px;font-size:11px}.menu .row .label{opacity:.6;font-size:.85em}.menu small{opacity:.6;max-width:46ch}.net{flex-direction:column;align-items:flex-start;gap:6px;margin-top:6px;font-size:13px;display:flex}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:#fffdf7;border:1.5px solid #3b332a;border-radius:9px;padding:5px 12px}button:hover:not(:disabled){background:#fff;transform:rotate(-.5deg)}button:disabled{opacity:.4;cursor:default}button.icon{margin-left:auto;padding:4px 6px;line-height:0}button.icon svg{width:22px;height:22px}.code{align-items:flex-end;gap:6px;max-width:100%;display:flex}.code input{width:46ch;max-width:100%;color:inherit;background:#fffdf7;border:1.5px solid #3b332a;border-radius:8px;padding:6px;font:12px/1.3 ui-monospace,monospace}.code textarea{width:46ch;max-width:100%;height:3.6em;color:inherit;resize:none;background:#fffdf7;border:1.5px solid #3b332a;border-radius:8px;padding:4px 6px;font:11px/1.3 ui-monospace,monospace}@media (pointer:coarse){button{min-height:44px;padding:10px 16px}.menu h1{font-size:12vh}.code textarea,.code input{font-size:16px}}@media (width<=560px){.menu{gap:12px}.menu .row{gap:10px}.code,.code textarea,.net{width:100%}.net{font-size:14px}}.kill-total{margin:0;font-size:clamp(14px,2.5vmin,20px)}@media (height<=430px){.menu{justify-content:flex-start}.menu h1{font-size:9vh}}