:root{--bg-app:#0a1f1f;--bg-app-deep:#081716;--surface-1:#0d2828;--surface-2:#123636;--surface-raised:#1b4747;--border-subtle:#1b4747;--border-strong:#275c5c;--cyan-500:#17c7c7;--mint-500:#2fe6a7;--coral-500:#ff5c3d;--amber-500:#ffb020;--amber-400:#ffc451;--red-500:#ff3b3b;--red-400:#ff6b6b;--text-primary:#f4fbfb;--text-secondary:#a9c4c4;--text-muted:#6e8c8c;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--font-display:"Lilita One", cursive;--font-body:"Nunito Sans", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);margin:0}button{cursor:pointer;font-family:inherit}input{font-family:inherit}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(170px)rotate(360deg)}}@keyframes monsterPop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes flashOk{0%{color:var(--mint-500)}to{color:var(--text-primary)}}@keyframes flashBad{0%{color:var(--red-500)}to{color:var(--text-primary)}}@keyframes monkeyHop{0%{transform:translate(-50%)scale(1)rotate(0)}40%{transform:translate(-50%)scale(1.25)rotate(-14deg)}70%{transform:translate(-50%)scale(1.08)rotate(10deg)}to{transform:translate(-50%)scale(1)rotate(0)}}@keyframes monkeySlip{0%{transform:translate(-50%)scale(1)rotate(0)}30%{transform:translate(-50%)scale(.9)rotate(16deg)}60%{transform:translate(-50%)scale(.95)rotate(-12deg)}to{transform:translate(-50%)scale(1)rotate(0)}}@keyframes monkeyTremble{0%,to{transform:translate(-50%)rotate(0)}25%{transform:translate(calc(-50% - 2px),1px)rotate(-7deg)}75%{transform:translate(calc(2px - 50%),-1px)rotate(7deg)}}@keyframes surviveShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes resultWinPop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@keyframes bigPopIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media print{:root{--bg-app:#fff;--bg-app-deep:#f4f4f4;--surface-1:#fff;--surface-2:#f2f2f2;--surface-raised:#eaeaea;--border-subtle:#ccc;--border-strong:#999;--text-primary:#111;--text-secondary:#444;--text-muted:#666}.no-print{display:none!important}}.manip-widget{flex-direction:column;align-items:center;width:100%;display:flex}.manip-root{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;width:100%;margin-top:14px;display:flex}.manip-type-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.manip-type-row label{color:var(--text-secondary);font-size:.8rem;font-weight:700}.manip-type-input{border-radius:var(--radius-md);border:2px solid var(--border-strong);background:var(--surface-1);width:72px;color:var(--text-primary);font-family:var(--font-body);text-align:center;padding:6px 10px;font-size:1rem;font-weight:700}.manip-type-input:focus{border-color:var(--cyan-500);outline:none}.manip-type-apply{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;border:none;padding:6px 14px;font-size:.8rem;font-weight:800}.manip-type-apply:hover{background:var(--border-strong)}.manip-pen{background:var(--surface-1);border:2px dashed var(--border-strong);border-radius:var(--radius-md);flex-direction:column;flex:130px;align-items:center;gap:8px;min-width:120px;padding:10px;display:flex}.manip-pen.manip-pen-small{flex:90px;min-width:82px;padding:8px}.manip-pen-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);text-align:center;font-size:.65rem;font-weight:800}.manip-pen-badge{color:var(--mint-500);font-size:.65rem;font-weight:800}.manip-pen-inner{flex-wrap:wrap;flex:1;place-content:flex-start center;gap:7px;width:100%;min-height:70px;display:flex}.manip-tenframe{border-color:var(--mint-500)}.manip-tenframe.manip-bundle-pulse{animation:.4s manip-pulse}.manip-blob-wrap{flex:2 200px;min-width:190px;position:relative}.manip-blob-zone{background:radial-gradient(circle at 32% 28%, var(--surface-2), var(--surface-1) 72%);border:3px dashed var(--cyan-500);border-radius:44% 56% 52% 48%/48% 44% 56% 52%;justify-content:center;align-items:center;height:100%;min-height:190px;display:flex;position:relative;overflow:hidden}.manip-blob-backdrop{font-family:var(--font-display);color:var(--border-strong);opacity:.4;pointer-events:none;justify-content:center;align-items:center;font-size:clamp(2.2rem,10vw,3.6rem);font-weight:400;display:flex;position:absolute;inset:0}.manip-pen-inner.manip-blob-inner{z-index:1;padding:12px;position:relative}.manip-blob-label{letter-spacing:.04em;text-transform:uppercase;color:var(--cyan-500);z-index:2;white-space:nowrap;font-size:.65rem;font-weight:800;position:absolute;top:8px;left:50%;transform:translate(-50%)}.manip-baskets-row{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.manip-piece{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;position:relative}.manip-piece.manip-dragging{cursor:grabbing;scale:1.12;box-shadow:0 10px 18px #00000059!important}.manip-piece.manip-pop-in{animation:.26s cubic-bezier(.34,1.56,.64,1) manip-pop-in}.manip-piece.manip-piece-fixed{cursor:default}.manip-piece-round{border-radius:58% 42% 56% 44%/46% 54%;width:42px;height:42px;box-shadow:0 4px #00000040,0 2px 6px #0000004d}.manip-piece-round:before,.manip-piece-round:after{content:"";background:#0f2e2b;border-radius:50%;width:5px;height:5px;position:absolute;top:15px}.manip-piece-round:before{left:12px}.manip-piece-round:after{right:12px}.manip-piece-coral{background:linear-gradient(155deg,#ff8a7a,#ff6f6f)}.manip-piece-sky{background:linear-gradient(155deg,#5fd0f0,#35b8ea)}.manip-piece-violet{background:linear-gradient(155deg,#c6a9ff,#a487ec)}.manip-piece-amber{background:linear-gradient(155deg,#ffd27a,#ffb84d)}.manip-piece-mint{background:linear-gradient(155deg,#7be8c3,#3fe0a8)}.manip-piece-dot{background:linear-gradient(155deg,#ffd27a,#ffb84d);border-radius:50%;width:22px;height:22px;box-shadow:0 3px #00000040}.manip-piece-tenstick{background-image:repeating-linear-gradient(0deg,#0000,#0000 8px,#fff6 8px 9px),linear-gradient(#7be8c3,#3fe0a8);border-radius:7px;width:20px;height:84px;box-shadow:0 4px #00000040,0 2px 6px #0000004d}.manip-piece-hundredblock{background-image:repeating-linear-gradient(0deg,#0000,#0000 8px,#ffffff59 8px 9px),repeating-linear-gradient(90deg,#0000,#0000 8px,#ffffff59 8px 9px),linear-gradient(155deg,#c6a9ff,#a487ec);border-radius:7px;width:58px;height:58px;box-shadow:0 4px #00000040,0 2px 6px #0000004d}.manip-ghost{border:2px dashed var(--border-strong);background:0 0;border-radius:58% 42% 56% 44%/46% 54%;flex-shrink:0;width:42px;height:42px}.manip-cake-pen{flex:100%}.manip-cake-outer{width:100%;position:relative}.manip-cake-bar{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;width:100%;height:72px;display:flex}.manip-cake-seg{background:linear-gradient(155deg,#ffd27a,#ff8a3d);border-right:1px dashed #ffffff8c;flex:none;height:72px;transition:margin .2s,border-radius .2s,box-shadow .2s}.manip-cake-seg:first-child{border-top-left-radius:14px;border-bottom-left-radius:14px}.manip-cake-seg:last-child{border-right:none;border-top-right-radius:14px;border-bottom-right-radius:14px}.manip-cake-seg.manip-cut-right:not(:last-child){border-right:none;border-top-right-radius:10px;border-bottom-right-radius:10px;margin-right:5px;box-shadow:3px 0 4px #0000004d}.manip-cake-seg.manip-cut-left:not(:first-child){border-top-left-radius:10px;border-bottom-left-radius:10px}.manip-cake-seg.manip-cake-seg-loose{cursor:grab;box-shadow:0 4px #00000040,0 2px 6px #0000004d}.manip-cut-line{background:var(--coral-500);pointer-events:none;border-radius:3px;width:4px;position:absolute;top:-6px;bottom:-6px;transform:translate(-50%);box-shadow:0 0 0 3px #ff5c3d4d}@media (prefers-reduced-motion:no-preference){.manip-piece-round,.manip-piece-dot{animation:3.4s ease-in-out infinite manip-idle}.manip-piece:nth-child(3n){animation-delay:-.6s}.manip-piece:nth-child(3n+1){animation-delay:-1.4s}}@keyframes manip-idle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)translateY(-2px)}}@keyframes manip-pop-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes manip-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 6px #2fe6a74d}}
