.brand-badge{display:block;object-fit:cover;padding:0;background:transparent;border-radius:16px;box-shadow:0 8px 22px #492b5b1f;transform:rotate(-5deg)}.web-icon{width:28px;height:28px;display:block;background:currentColor;opacity:.78;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round'%3E%3Ccircle cx='32' cy='32' r='25'/%3E%3Ccircle cx='32' cy='32' r='15'/%3E%3Cpath d='M32 7v50M7 32h50M14 14l36 36M50 14 14 50'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round'%3E%3Ccircle cx='32' cy='32' r='25'/%3E%3Ccircle cx='32' cy='32' r='15'/%3E%3Cpath d='M32 7v50M7 32h50M14 14l36 36M50 14 14 50'/%3E%3C/g%3E%3C/svg%3E")}.mode-btn.active .web-icon{opacity:1}.palette-btn:focus,.palette-btn:focus-visible,.round-btn:focus,.round-btn:focus-visible,.pill:focus,.pill:focus-visible,.mode-btn:focus,.mode-btn:focus-visible{outline:none}.hint,.web-colour-hint,.gesture-demo{display:none!important}.web-cut-demo,.magnet-tap-hint,.paint-guide-finger,.bounce-guide-finger,.zero-guide-finger,.jelly-guide-finger,.snake-guide-finger{position:absolute!important;pointer-events:none!important;z-index:25!important;opacity:.26!important;filter:drop-shadow(0 2px 4px rgba(53,42,60,.08))!important;will-change:transform,opacity!important;transition:opacity .25s ease}.magnet-tap-ripple{opacity:.28!important}.web-cut-demo,.paint-guide-finger,.bounce-guide-finger,.zero-guide-finger,.jelly-guide-finger,.snake-guide-finger{left:0;top:0;width:48px;height:60px}.web-cut-demo[hidden],.magnet-tap-hint[hidden],.paint-guide-finger[hidden],.bounce-guide-finger[hidden],.zero-guide-finger[hidden],.jelly-guide-finger[hidden],.snake-guide-finger[hidden]{display:none!important}.web-cut-demo svg,.magnet-tap-hint svg,.paint-guide-finger svg,.bounce-guide-finger svg,.zero-guide-finger svg,.jelly-guide-finger svg,.snake-guide-finger svg{width:100%;height:100%;display:block}.mode-bar{grid-template-columns:repeat(7,1fr)}.chaos-btn.discover-me{animation:chaos-nudge 1.15s cubic-bezier(.2,.8,.2,1) 2;transform-origin:50% 60%}.attention-nudge{animation:button-nudge .9s cubic-bezier(.2,.8,.2,1)!important;transform-origin:50% 65%}@keyframes chaos-nudge{0%,to{transform:rotate(0) scale(1)}18%{transform:rotate(-8deg) scale(1.08,.94)}38%{transform:rotate(7deg) scale(.96,1.08)}58%{transform:rotate(-4deg) scale(1.05,.97)}76%{transform:rotate(2deg) scale(.99,1.03)}}@keyframes button-nudge{0%,to{transform:translateY(-2px) rotate(0) scale(1);box-shadow:inset 0 2px #fff,0 3.5px 0 var(--retro-ink)}22%{transform:translateY(-6px) rotate(-4deg) scale(1.06,.96);box-shadow:inset 0 2px #fff,0 7px 0 var(--retro-ink)}46%{transform:translateY(0) rotate(3deg) scale(.97,1.04);box-shadow:inset 0 2px #fff,0 2px 0 var(--retro-ink)}70%{transform:translateY(-3px) rotate(-1.5deg) scale(1.02,.98);box-shadow:inset 0 2px #fff,0 4.5px 0 var(--retro-ink)}}.has-paywall [hidden],.lab-dialog [hidden]{display:none!important}.parents-button{pointer-events:auto;border:0;border-radius:0;padding:0;color:var(--retro-marigold);background:transparent;cursor:pointer;position:absolute;top:26px;left:60px;min-height:44px;font:inherit;white-space:nowrap;text-align:left;display:flex;align-items:center;text-decoration:none}.parents-button span{font-size:13px;font-weight:700;letter-spacing:.01em}.parents-button:hover{color:var(--retro-cream)}.parents-button:active{opacity:.75}.has-paywall .brand-copy>span{display:none}.parents-button:focus-visible,.lab-dialog button:focus-visible,.lab-dialog input:focus-visible{outline:3px solid var(--retro-teal);outline-offset:3px}.has-paywall .mode-bar{grid-template-columns:repeat(7,1fr)}.has-paywall .mode-btn{position:relative}.has-paywall .mode-btn.is-locked,.has-paywall .mode-btn.is-locked:hover,.has-paywall .mode-btn.is-locked:active{background:#e3ddcf;color:#766d78;cursor:not-allowed;transform:translateY(-2px);box-shadow:inset 0 2px #eee9de,0 3.5px 0 var(--retro-ink)}.has-paywall .mode-btn.is-locked .icon{opacity:.4;filter:grayscale(1)}.mode-lock{position:absolute;top:3px;right:4px;color:var(--retro-ink);line-height:0}.mode-lock svg{width:11px;height:13px}.has-paywall .chaos button{position:relative}.has-paywall .chaos{max-height:calc(100dvh - 112px);overflow-y:auto;touch-action:pan-y}.has-paywall .chaos button.is-locked{background:#e3ddcf;color:#766d78;opacity:1;filter:none;cursor:not-allowed}.has-paywall .chaos button.is-locked .chaos-icon{opacity:.4;filter:grayscale(1)}.has-paywall .chaos button.is-locked small{color:#766d78;padding-right:12px}.power-lock{position:absolute;top:9px;right:9px;color:var(--retro-ink);line-height:0}.power-lock svg{width:12px;height:14px}.lab-dialog{position:fixed;width:min(640px,calc(100% - 28px));max-height:calc(100dvh - 32px);margin:auto;padding:38px;border:3px solid var(--retro-ink);border-radius:26px;background:var(--retro-cream);color:var(--retro-ink);box-shadow:8px 8px #221631;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}.lab-dialog::backdrop{background:#130c22cf;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.lab-dialog *,.lab-dialog button,.lab-dialog input{touch-action:manipulation}.lab-dialog h2{font-size:clamp(30px,6vw,44px);line-height:1.06;letter-spacing:-.045em;margin:12px 0}.lab-dialog p{line-height:1.55}.lab-eyebrow{color:var(--retro-teal);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}.lab-close{position:absolute;top:10px;right:13px;border:0;background:transparent;font-size:30px;width:40px;height:40px;cursor:pointer}.lab-intro{color:var(--retro-mauve);max-width:420px;font-size:14px}.lab-toys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.lab-toy{border:2px solid var(--retro-ink);border-radius:16px;padding:17px 8px 12px;text-align:center;background:#f6a82733}.lab-toy .ui-icon{width:44px;height:44px}.lab-toy h3{font-size:14px;margin:10px 0 4px}.lab-toy p{font-size:10px;margin:0}.lab-zero{background:#267b7e22}.lab-magnet{background:#ea6a2a22}.lab-snake{background:#7fb04133}.lab-extra{border-top:1px solid #22163133;padding-top:4px}.lab-extra h3{font-size:13px}.lab-power-list{display:flex;flex-wrap:wrap;gap:10px 16px}.lab-power-list span{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800}.lab-power-list .ui-icon{width:24px;height:24px}.lab-extra p{font-size:10px;color:var(--retro-mauve)}.lab-purchase-box{margin-top:22px;border:2px solid var(--retro-ink);border-radius:18px;padding:18px;background:#fffdf4}.lab-purchase-box>strong{font-size:21px}.lab-price{float:right;color:var(--retro-teal);font-size:13px;font-weight:800;padding-top:6px}.lab-purchase-note{margin:4px 0 15px;font-size:11px;color:var(--retro-mauve)}.lab-primary{display:block;width:100%;min-height:48px;padding:12px;border:2px solid var(--retro-ink);border-radius:12px;font-weight:900;color:var(--retro-cream);background:var(--retro-teal);box-shadow:3px 3px 0 var(--retro-ink);cursor:pointer}.lab-primary:disabled{opacity:.5;cursor:wait}.lab-link{display:block;margin:9px auto 0;padding:10px;border:0;background:transparent;color:var(--retro-ink);text-decoration:underline;font-size:12px;cursor:pointer;min-height:40px}.lab-status{font-size:12px;margin:8px 0 0;color:var(--retro-teal)}.lab-status:empty{display:none}.lab-free-note{font-size:10px;text-align:center;color:var(--retro-mauve)}.lab-review{margin-top:20px;padding:13px;border:1px dashed var(--retro-mauve);border-radius:12px;font-size:11px}.lab-review p{margin:5px 0 0}.lab-gate p{font-size:15px}.lab-challenge{font-size:clamp(20px,4vw,28px)!important;font-weight:900;color:var(--retro-teal)}.lab-gate .lab-gate-hint{font-size:12px;color:var(--retro-mauve)}.lab-gate-form label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.lab-gate-form input{width:100%;font:inherit;font-size:24px;letter-spacing:.2em;border:2px solid var(--retro-ink);background:#fffdf4;padding:12px;border-radius:12px;-webkit-user-select:text;user-select:text}.lab-gate-error{color:var(--retro-crimson);font-size:12px!important}@media(max-width:600px){.lab-dialog{padding:30px 20px 20px;border-radius:20px}.lab-toys{grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.lab-toy{display:grid;grid-template-columns:42px 1fr;text-align:left;padding:12px;column-gap:7px}.lab-toy .ui-icon{grid-row:span 2;width:38px;height:38px}.lab-toy h3{margin:0}.parents-button span{font-size:12px}.has-paywall :is(.jelly-recipes,.snake-recipes){top:110px}.has-paywall .chaos{top:112px;max-height:calc(100dvh - 146px)}.lab-price{float:none;display:block;padding-top:4px}}@media(max-width:430px),(max-height:620px)and (orientation:landscape){.parents-button{top:32px;left:0}}@media(max-height:500px)and (orientation:landscape){.lab-dialog{padding:25px}.lab-toys{margin:12px 0}}.starfall-active .shell[data-mode=paint] .toast{visibility:hidden}.bounce-goal-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bounce-win-count[hidden],.shell[data-mode=bounce] .hint{display:none}.bounce-edge-hud{position:absolute;inset:0;pointer-events:none;z-index:1}.bounce-edge-hud[hidden]{display:none}.shell[data-mode=bounce] .starfall-pixi-layer{z-index:2}.shell[data-mode=bounce] #playground{z-index:3}.bounce-edge-star{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);opacity:.35;transition:opacity .3s ease,filter .3s ease}.bounce-edge-star svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(1.5px 1.5px 0 var(--retro-ink, #221631));transition:filter .3s ease}.bounce-edge-star path{stroke-linejoin:round}.bounce-edge-star .bounce-star-base{fill:currentColor}.bounce-edge-star .bounce-star-highlight{stroke:var(--retro-ink, #221631);stroke-width:2.5;paint-order:fill stroke}.bounce-edge-star:before,.bounce-edge-star:after{content:"";position:absolute;box-sizing:border-box;width:clamp(36px,6vw,80px);height:12px;top:11px;border:2.5px solid var(--retro-ink, #221631);border-radius:999px;background:linear-gradient(180deg,#fbf3d5 0%,transparent 65%),currentColor;box-shadow:2px 2px 0 var(--retro-ink, #221631);transition:opacity .3s ease,box-shadow .3s ease,background .3s ease}.bounce-edge-star:before{right:calc(100% + 10px)}.bounce-edge-star:after{left:calc(100% + 10px)}.bounce-edge-star[data-edge=left]:before,.bounce-edge-star[data-edge=right]:before,.bounce-edge-star[data-edge=left]:after,.bounce-edge-star[data-edge=right]:after{width:12px;height:clamp(42px,8vh,80px);left:11px;right:auto}.bounce-edge-star[data-edge=left]:before,.bounce-edge-star[data-edge=right]:before{top:auto;bottom:calc(100% + 10px)}.bounce-edge-star[data-edge=left]:after,.bounce-edge-star[data-edge=right]:after{top:calc(100% + 10px)}.bounce-edge-star.armed{opacity:1}.bounce-edge-star.armed svg{filter:drop-shadow(2px 2px 0 var(--retro-ink, #221631))}.bounce-edge-star.armed:before,.bounce-edge-star.armed:after{box-shadow:2px 2px 0 var(--retro-ink, #221631)}.bounce-edge-star.complete{opacity:1}.bounce-edge-star.complete svg{filter:drop-shadow(2.5px 2.5px 0 var(--retro-ink, #221631)) drop-shadow(0 0 8px #fbf3d5) drop-shadow(0 0 16px currentColor)}.bounce-edge-star.complete:before,.bounce-edge-star.complete:after{background:linear-gradient(180deg,#ffffff 0%,#fbf3d5 40%,currentColor 85%);box-shadow:2.5px 2.5px 0 var(--retro-ink, #221631),0 0 10px currentColor,0 0 18px #fbf3d5}:root{--retro-cream: #fbf3d5;--retro-parchment: #f6edd2;--retro-deep-space: #1a1128;--retro-void: #692c6d;--retro-ink: #221631;--retro-terracotta: #ea6a2a;--retro-tangerine: #f07c33;--retro-marigold: #f6a827;--retro-teal: #267b7e;--retro-malachite: #2f8c85;--retro-avocado: #7fb041;--retro-mauve: #664962;--retro-crimson: #c84126;--j1: var(--retro-terracotta);--j2: var(--retro-teal);--j3: var(--retro-marigold);--bg1: var(--retro-deep-space);--bg2: #351c4c;--bg3: var(--retro-void);font-family:Futura,Trebuchet MS,Josefin Sans,Century Gothic,system-ui,sans-serif;color:var(--retro-ink);background:var(--retro-parchment);font-synthesis:none;touch-action:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--retro-parchment)}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{font:inherit}.ui-icon{display:inline-block;width:26px;height:26px;flex:none;vertical-align:middle}.mode-btn .icon{display:grid;place-items:center}.mode-btn .ui-icon{width:28px;height:28px}.chaos-icon .ui-icon{width:32px;height:32px}.chaos h3 .ui-icon{width:24px;height:24px}.starfall-count{display:flex;align-items:center;gap:4px;min-height:38px;color:var(--retro-cream);font-size:18px;font-weight:900;opacity:0;visibility:hidden;transform:translateY(4px) scale(.88);pointer-events:none;transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.starfall-count[hidden]{display:none}.starfall-count.visible{opacity:1;visibility:visible;transform:none;transition-delay:0s}.starfall-count-star{position:relative;flex:0 0 34px;width:34px;height:34px}.starfall-count-star svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.starfall-count-star b{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font:900 8px/1 system-ui;color:var(--retro-ink);white-space:nowrap}.starfall-count>strong{color:var(--retro-cream);text-shadow:1px 1px 0 var(--retro-ink)}.starfall-count.bump{animation:starfall-count-bump .48s ease-out}@keyframes starfall-count-bump{0%{transform:scale(.82) rotate(-4deg)}45%{transform:scale(1.16) rotate(3deg)}to{transform:none}}.shake-fx{position:absolute;z-index:4;inset:0;overflow:hidden;pointer-events:none;opacity:0}.shake-fx:before{content:"";position:absolute;left:50%;top:50%;width:18vmin;height:18vmin;border:clamp(5px,1.1vmin,14px) solid var(--retro-cream);border-radius:50%;transform:translate(-50%,-50%) scale(.2);opacity:0;box-shadow:0 0 36px var(--retro-terracotta),0 0 90px var(--retro-marigold)}.shake-fx.burst{animation:chargedFlash .62s ease-out}.shake-fx.burst:before{animation:chargedRing .7s cubic-bezier(.12,.65,.2,1)}@keyframes chargedFlash{0%{opacity:var(--flash);background:var(--retro-cream)}14%{opacity:var(--flash);background:radial-gradient(circle,#fff 0,#f6a82766 34%,transparent 72%)}to{opacity:0;background:transparent}}@keyframes chargedRing{0%{opacity:.95;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(var(--ring-size))}}@media(prefers-reduced-motion:reduce){.starfall-count{transition:opacity .2s ease;transform:none}.starfall-count.bump,.shake-fx.burst,.shake-fx.burst:before{animation:none}}.shell{position:relative;width:100%;height:100%;min-height:100dvh;background:linear-gradient(180deg,var(--retro-deep-space) 0%,#351c4c 42%,#52235d 72%,var(--retro-void) 100%);border:12px solid var(--retro-cream);box-shadow:inset 0 0 0 2.5px var(--retro-ink),0 0 24px #22163173;overflow:hidden;transition:background .45s ease}.shell:before,.shell:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(52px);opacity:.16}.shell:before{width:58vmax;height:58vmax;left:-26vmax;bottom:-30vmax;background:var(--retro-teal)}.shell:after{width:48vmax;height:48vmax;right:-22vmax;top:-24vmax;background:var(--retro-terracotta)}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.brand{position:absolute;z-index:5;top:max(16px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));display:flex;align-items:center;gap:12px;pointer-events:none}.brand-badge{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--retro-cream) url(/jiggle-icon.svg) center/cover no-repeat;border:2.5px solid var(--retro-ink);box-shadow:3px 3px 0 var(--retro-ink);transform:rotate(-3deg)}.brand-copy{line-height:1.05}.brand-copy strong{display:block;font-size:24px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--retro-cream);text-shadow:2px 2px 0 var(--retro-ink),-1px -1px 0 var(--retro-ink)}.brand-copy span{display:block;font-size:9.5px;font-weight:800;margin-top:4px;letter-spacing:.24em;text-transform:uppercase;color:var(--retro-marigold);text-shadow:1px 1px 0 var(--retro-ink)}.top-actions{position:absolute;z-index:12;top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));display:flex;gap:8px}.pill,.round-btn,.mode-btn,.chaos button{border:2.5px solid var(--retro-ink);color:var(--retro-ink);background:var(--retro-cream);box-shadow:3px 3px 0 var(--retro-ink);cursor:pointer;font-family:inherit;font-weight:800;transition:transform .08s ease,box-shadow .08s ease,background .12s ease}.pill:active,.round-btn:active,.mode-btn:active,.chaos button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--retro-ink)}.round-btn{width:46px;height:46px;border-radius:14px;font-size:20px}.round-btn.active{background:var(--retro-terracotta);color:var(--retro-cream)}.pill{min-height:46px;border-radius:14px;padding:0 14px;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase}.palette-btn{background:var(--retro-cream)}.palette-btn:hover{background:#fff8e6}.control-dock{position:absolute;z-index:10;left:50%;transform:translate(-50%);bottom:max(14px,env(safe-area-inset-bottom));width:min(calc(100% - 28px),740px);display:grid;gap:10px;pointer-events:none}.control-dock button,.mode-bar .mode-btn{pointer-events:auto}.shake-row{display:flex;justify-content:center;pointer-events:none}.shake-row>*{pointer-events:auto}@keyframes shakeIdleWobble{0%,to{transform:translateY(-5px) rotate(-1deg) scale(1)}38%{transform:translateY(-8px) rotate(1.2deg) scale(1.035,.965)}68%{transform:translateY(-4px) rotate(-.5deg) scale(.985,1.025)}}.shake{position:relative;overflow:hidden;isolation:isolate;--charge: 0;--charge-scale: 1;--charge-glow: 8px;border:2.5px solid var(--retro-ink);border-radius:18px;min-width:154px;height:58px;padding:0 26px;background:linear-gradient(180deg,#f27638,#ea6a2a,#d8571b);color:var(--retro-cream);font-size:16px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 2.5px #ffffff73,0 8px 0 var(--retro-ink),0 14px 24px #22163173;cursor:pointer;animation:shakeIdleWobble 2.6s ease-in-out infinite;transform-origin:50% 70%;touch-action:none;transition:filter .14s,box-shadow .14s,transform .14s;text-shadow:1.5px 1.5px 0 var(--retro-ink)}.shake:hover{filter:brightness(1.05)}.shake span{position:relative;z-index:1}.shake .shake-content{display:flex;align-items:center;justify-content:center;gap:8px}.shake-icon{width:20px;height:26px;flex:none;fill:var(--retro-cream);stroke:var(--retro-ink);stroke-width:1.8;stroke-linejoin:round}.shake:active{animation:none;transform:translateY(3px) rotate(.5deg);box-shadow:inset 0 1px #ffffff40,0 2px 0 var(--retro-ink),0 4px 10px #22163159}.shake:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(0deg,var(--retro-marigold),var(--retro-tangerine) 48%,var(--retro-terracotta));transform:scaleY(var(--charge));transform-origin:bottom;opacity:.88;transition:transform .04s linear}.shake.charging,.shake.charging:active{animation:none;transform:translateY(-5px) scale(var(--charge-scale));filter:saturate(1.25) brightness(1.08);box-shadow:inset 0 2.5px #fff9,0 8px 0 var(--retro-ink),0 0 var(--charge-glow) var(--retro-marigold),0 16px 26px #22163180}.mode-bar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:6px;border-radius:18px;background:var(--retro-cream);border:1.5px solid var(--retro-ink);box-shadow:none}.mode-btn{min-height:60px;border-radius:13px;border:2px solid var(--retro-ink);background:#fff;color:var(--retro-ink);box-shadow:inset 0 2px #fff,0 3.5px 0 var(--retro-ink);padding:6px 2px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transform:translateY(-2px);transition:transform .1s ease,box-shadow .1s ease,background .15s ease,color .15s ease}.mode-btn:hover:not(.active){background:#fffdf5;transform:translateY(-3px);box-shadow:inset 0 2px #fff,0 4.5px 0 var(--retro-ink)}.mode-btn:active{transform:translateY(1.5px);box-shadow:0 .5px 0 var(--retro-ink)}.mode-btn.active{background:var(--retro-terracotta);color:#fff;border:2px solid var(--retro-ink);box-shadow:inset 0 2px #00000026,0 1px 0 var(--retro-ink);transform:translateY(1.5px)}.mode-btn .icon{font-size:22px;filter:drop-shadow(1px 1px 0 rgba(34,22,49,.2))}.mode-btn.active .icon{filter:drop-shadow(1px 1px 0 rgba(0,0,0,.35))}.mode-btn.active .web-icon{opacity:1;background:#fff}.toast{position:absolute;z-index:40;left:50%;top:48%;transform:translate(-50%,-50%) scale(.85);padding:12px 24px;border-radius:16px;background:var(--retro-cream);color:var(--retro-terracotta);border:3px solid var(--retro-ink);box-shadow:5px 5px 0 var(--retro-ink),0 14px 32px #2216318c;font-size:26px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;opacity:0;transition:.18s cubic-bezier(.2,.85,.3,1);text-align:center;text-shadow:1px 1px 0 var(--retro-ink)}.toast.show{opacity:.98;transform:translate(-50%,-50%) scale(1)}.shell[data-mode=snake] .toast{top:clamp(80px,12vh,108px);padding:8px 18px;font-size:20px}.chaos{position:absolute;z-index:30;right:18px;top:74px;width:min(290px,calc(100vw - 36px));padding:16px;border-radius:18px;background:var(--retro-cream);border:3px solid var(--retro-ink);box-shadow:6px 6px 0 var(--retro-ink),0 16px 36px #22163173}.chaos[hidden]{display:none}.chaos h3{margin:0 4px 4px;font-size:15px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--retro-ink)}.chaos p{margin:0 4px 12px;font-size:10.5px;font-weight:700;color:var(--retro-mauve);letter-spacing:.04em}.chaos button{width:100%;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;padding:8px 10px;margin:6px 0;border-radius:12px;border:2px solid var(--retro-ink);box-shadow:2px 2px 0 var(--retro-ink);background:#fffef7;color:var(--retro-ink)}.chaos button b{font-size:13px;letter-spacing:.04em}.chaos button small{grid-column:2;font-size:9px;font-weight:700;color:var(--retro-mauve)}.chaos button.on{background:var(--retro-terracotta);color:var(--retro-cream);box-shadow:2px 2px 0 var(--retro-ink)}.chaos button.on small{color:var(--retro-cream);opacity:.92}.chaos button .chaos-icon{grid-column:1;grid-row:1/3;align-self:center;justify-self:center;line-height:1}.chaos button:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.4)}@media(prefers-reduced-motion:reduce){.shake,.shakeIdleWobble{animation:none}}@media(max-width:600px){.shell{border:6px solid var(--retro-cream);box-shadow:inset 0 0 0 2px var(--retro-ink)}.brand-copy span{display:none}.top-actions{gap:5px}.top-actions .pill span{display:none}.pill{width:44px;padding:0}.round-btn{width:42px;height:44px}.mode-bar{gap:4px;padding:5px;border-radius:16px}.mode-btn{min-height:56px;border-radius:10px;font-size:8.5px}.mode-btn .icon{font-size:21px}.shake{height:52px;min-width:126px;font-size:15px}.chaos{top:68px}}@media(max-width:430px){.brand-copy{display:none}.brand-badge{width:40px;height:40px}.top-actions{right:10px}.round-btn,.pill{width:38px;min-width:38px}.palette-btn{display:grid;place-items:center}.mode-bar{gap:3px}.mode-btn{padding-left:1px;padding-right:1px}.mode-btn .icon{font-size:19px}}@media(max-height:620px)and (orientation:landscape){.brand-copy,.hint,.gesture-demo{display:none}.control-dock{width:min(calc(100% - 160px),720px)}.shake-row{position:absolute;right:-76px;bottom:7px}.shake{min-width:70px;width:70px;padding:0;height:58px;border-radius:18px;font-size:0}.shake .shake-label{display:none}.shake-icon{width:29px;height:36px}}.web-colours{position:absolute;z-index:4;top:76px;left:50%;transform:translate(-50%);display:grid;justify-items:center;pointer-events:none;max-width:calc(100% - 24px);color:#493754}.web-colours[hidden]{display:none}.web-colour-hint{font-size:12px;font-weight:750;text-align:center;background:#ffffffe8;border-radius:16px;padding:6px 14px;max-width:100%;box-shadow:0 2px 8px #4937541f;letter-spacing:.01em}.shell[data-mode=web]>.hint{display:none}.web-win-count.won .starfall-count-star{animation:webWinStar 1.2s ease-out 2}@media(min-width:1000px){.web-colours{top:16px}}@keyframes webWinStar{0%,to{transform:scale(1) rotate(0)}45%{transform:scale(1.3) rotate(16deg)}}@media(max-width:430px){.web-colours{top:72px}.web-colour-hint{font-size:11px;padding:5px 11px}}@media(max-height:500px)and (orientation:landscape){.web-colours{top:64px}.web-colour-hint{font-size:10px;padding:3px 9px}}.web-cut-demo{position:absolute;left:0;top:0;width:48px;height:60px;pointer-events:none;z-index:3;filter:drop-shadow(0 3px 5px #49375440)}.web-cut-demo[hidden]{display:none}.web-cut-demo svg{width:100%;height:100%}#playground{z-index:0}.starfall-pixi-layer{z-index:1;pointer-events:none;transition:opacity .16s}.starfall-active .shell{background:linear-gradient(180deg,#08083b,#25105b 38%,#8c286f 72%,#f06b67)}.starfall-active #playground{z-index:2}.starfall-active .brand-copy,.shell.web-cosmos .brand-copy,.shell.bounce-cosmos .brand-copy{color:#fff;text-shadow:0 2px 12px #111a3f,0 1px 2px #111a3f}:is(.jelly-recipes,.snake-recipes){position:absolute;z-index:4;top:72px;left:50%;transform:translate(-50%);display:flex;gap:16px;pointer-events:none}:is(.jelly-recipes,.snake-recipes)[hidden]{display:none}.shell[data-mode=jelly]>.hint{display:none}:is(.jelly-recipe,.snake-recipe){display:grid;justify-items:center;gap:5px}:is(.jelly-recipe-target,.snake-recipe-target){width:38px;height:34px;border-radius:45% 52% 43% 48%;background:var(--pigment);border:2.5px solid var(--retro-ink, #221631);box-shadow:2.5px 2.5px 0 var(--retro-ink, #221631);display:grid;place-items:center}:is(.jelly-recipe-check,.snake-recipe-check){visibility:hidden;display:block;width:22px;height:22px;fill:var(--retro-cream, #fbf3d5)}:is(.jelly-recipe,.snake-recipe).complete :is(.jelly-recipe-check,.snake-recipe-check){visibility:visible}:is(.jelly-recipe-ingredients,.snake-recipe-ingredients){display:flex;align-items:center;gap:4px;background:var(--retro-cream, #fbf3d5);padding:3px 7px;border-radius:999px;border:2px solid var(--retro-ink, #221631);box-shadow:2px 2px 0 var(--retro-ink, #221631);color:var(--retro-ink, #221631);font-family:Space Grotesk,system-ui,sans-serif;font-weight:700;font-size:11px}:is(.jelly-recipe-ingredients,.snake-recipe-ingredients) i{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--retro-ink, #221631)}:is(.jelly-recipe,.snake-recipe).complete :is(.jelly-recipe-ingredients,.snake-recipe-ingredients){visibility:hidden}@media(min-width:1000px){:is(.jelly-recipes,.snake-recipes){top:12px}}@media(max-height:500px){:is(.jelly-recipes,.snake-recipes){top:57px;gap:12px}:is(.jelly-recipe-target,.snake-recipe-target){width:29px;height:26px}}.shell[data-mode=snake]>.hint,.shell[data-mode=paint]>.hint{display:none}.snake-recipes{gap:12px}.magnet-hud{position:absolute;z-index:4;top:76px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none;background:var(--retro-cream, #fbf3d5);padding:6px 14px;border-radius:999px;box-shadow:3px 3px 0 var(--retro-ink, #221631);border:2.5px solid var(--retro-ink, #221631);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.magnet-hud[hidden]{display:none!important}.shell[data-mode=magnet]>.hint{display:none}.magnet-hud-icon{width:58px;height:32px;display:block}.magnet-hud-loop{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease,fill .3s ease,filter .3s ease,transform .3s ease;transform-origin:center}.magnet-hud-loop-red{stroke:#ea6a2a;stroke-dasharray:4 3}.magnet-hud-loop-red.active{stroke:#ea6a2a;stroke-width:5;stroke-dasharray:none;filter:drop-shadow(0 0 6px rgba(234,106,42,.8));animation:magnetLoopPop .35s ease}.magnet-hud-loop-blue{stroke:#267b7e;stroke-dasharray:4 3}.magnet-hud-loop-blue.active{stroke:#267b7e;stroke-width:5;stroke-dasharray:none;filter:drop-shadow(0 0 6px rgba(38,123,126,.8));animation:magnetLoopPop .35s ease}.magnet-hud-crossover{fill:var(--retro-ink, #221631);transition:fill .3s ease,transform .3s ease}.magnet-hud.lap-1{border-color:var(--retro-ink, #221631);box-shadow:3px 3px 0 var(--retro-ink, #221631),0 0 12px #f6a82780}.magnet-hud.lap-1 .magnet-hud-crossover{fill:#f6a827;transform:scale(1.4);transform-origin:32px 18px;filter:drop-shadow(0 0 4px rgba(246,168,39,.8))}.magnet-hud.celebrating .magnet-hud-crossover{fill:#ffd32a;transform:scale(1.6);transform-origin:32px 18px}.magnet-hud.celebrating{transform:translate(-50%) scale(1.18);border-color:#ffd32a;box-shadow:0 0 24px #ffd32aa6,0 4px 16px #0000001f;animation:magnetCelebrationBounce .65s cubic-bezier(.34,1.56,.64,1) infinite alternate}.magnet-hud.celebrating .magnet-hud-loop{stroke:url(#magnetRainbowGrad)!important;stroke-width:5!important;stroke-dasharray:none!important;filter:drop-shadow(0 0 10px rgba(255,215,0,.95))}@keyframes magnetLoopPop{0%{transform:scale(.9)}50%{transform:scale(1.15)}to{transform:scale(1)}}.magnet-tap-hint{position:absolute;pointer-events:none;z-index:25;width:52px;height:64px;opacity:.75;transform-origin:17px 10px;transition:opacity .35s ease;filter:drop-shadow(0 6px 14px rgba(53,42,60,.32));animation:magnetFingerTap 1.35s ease-in-out infinite}.magnet-tap-hint[hidden]{display:none!important}.magnet-tap-ripple{position:absolute;pointer-events:none;z-index:24;width:54px;height:54px;border-radius:50%;border:2.5px solid rgba(255,71,87,.7);transform:translate(-50%,-50%);animation:magnetRipple 1.35s cubic-bezier(.1,.8,.3,1) infinite}.magnet-tap-ripple[hidden]{display:none!important}@keyframes magnetFingerTap{0%,to{transform:translate(0) scale(1) rotate(-12deg)}38%{transform:translate(-5px,-5px) scale(.86) rotate(-15deg)}58%{transform:translate(3px,3px) scale(1.04) rotate(-10deg)}}@keyframes magnetRipple{0%{transform:translate(-50%,-50%) scale(.4);opacity:.95}50%,to{transform:translate(-50%,-50%) scale(1.75);opacity:0}}@keyframes magnetGearPop{0%{transform:scale(.8)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes magnetCelebrationBounce{0%{transform:translate(-50%) scale(1.12)}to{transform:translate(-50%) scale(1.22)}}@media(min-width:1000px){.magnet-hud{top:18px}}@media(max-width:430px){.magnet-hud{top:70px;padding:3px 9px;border-radius:20px}.magnet-hud-icon{width:42px;height:24px}.magnet-tap-hint{width:38px;height:48px}.magnet-tap-ripple{width:40px;height:40px}}@media(max-height:500px)and (orientation:landscape){.magnet-hud{top:64px;padding:3px 8px}}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.top-actions button,.top-actions button:focus,.top-actions button:focus-visible{outline:none;-webkit-tap-highlight-color:transparent}.top-actions button:focus-visible{box-shadow:0 8px 20px #40264d21,inset 0 -4px #40264d12}.top-actions .pill:active,.top-actions .round-btn:active{border-radius:16px}.chaos{padding-top:16px}.chaos h3{margin:0 4px 12px;font-size:18px}.chaos button{position:relative;min-height:58px;border:3px solid transparent;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.chaos button.on{background:var(--j1);color:#fff;border-color:#352a3c;box-shadow:0 7px #352a3c,0 10px 22px #40264d35;transform:translateY(-2px)}.chaos button.on small{opacity:.9}.chaos #pulseBtn.on .chaos-icon path{stroke:#ffd65a;filter:drop-shadow(0 1px 0 #352a3c)}.chaos button.on:after{content:"✓";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#352a3c;font-size:15px;font-weight:1000}.chaos button:focus,.chaos button:focus-visible{outline:none}