@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chewy;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/chewy-latin-400-normal-BFhrjfYU.woff2)format("woff2"),url(/assets/chewy-latin-400-normal-Bytuav8a.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#2b2730;--paper:#fff4e2;--paper-deep:#ffe9c7;--card:#fff;--sun:#ffd526;--press:cubic-bezier(.3, 1.6, .5, 1);--rail:clamp(60px, 13vh, 104px);--pal:clamp(112px, 21vh, 176px);--btn:clamp(46px, 10vh, 76px);--line:clamp(3px, .5vh, 4.5px);color:var(--ink);font-family:Fredoka Variable,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background-color:var(--paper);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-image:radial-gradient(#2b273012 2px,#0000 2.6px);background-size:30px 30px;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}svg{display:block}.screen{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);animation:.38s cubic-bezier(.2,.9,.3,1.15) both screen-in;position:fixed;inset:0}@keyframes screen-in{0%{opacity:0;transform:scale(.96)translateY(12px)}}.btn.round{width:var(--btn);height:var(--btn);background:var(--card);border:var(--line) solid var(--ink);box-shadow:0 5px 0 var(--ink);transition:transform .12s var(--press), box-shadow .12s;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.btn.round svg{width:64%;height:64%}.btn.round.small{width:calc(var(--btn) * .78);height:calc(var(--btn) * .78)}.btn.round:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn.round:disabled{opacity:.35;cursor:default}.hold-ring{pointer-events:none;position:absolute;inset:-9px;transform:rotate(-90deg);width:calc(100% + 18px)!important;height:calc(100% + 18px)!important}.hold-ring circle{fill:none;stroke:#ec3b33;stroke-width:4.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .15s}.hold.holding .hold-ring circle{stroke-dashoffset:0;transition:stroke-dashoffset 1.2s linear}.home{grid-template-rows:auto 1fr;gap:3vh;height:100%;padding:3.5vh 4vw 5vh;display:grid}.home-top{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:.01em;margin:0;font-size:clamp(46px,14vh,128px);font-weight:700;line-height:1;display:flex}.logo span{color:var(--c);-webkit-text-stroke:.09em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink);animation:2.6s ease-in-out infinite bob;animation-delay:calc(var(--i) * -.32s);display:inline-block}@keyframes bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-.08em)rotate(3deg)}}.parent{align-self:flex-start;gap:1.6vw;display:flex}.modules{grid-template-rows:repeat(3,1fr);grid-template-columns:1.5fr 1fr;gap:2.6vh 2.6vw;min-height:0;display:grid}.module{border:var(--line) solid var(--ink);animation:card-in .5s var(--press) both;animation-delay:calc(var(--i) * 70ms + .12s);transition:transform .14s var(--press), box-shadow .14s;border-radius:clamp(22px,5vh,40px);position:relative}.module.ready{background:var(--c);box-shadow:0 9px 0 var(--ink);flex-direction:column;grid-row:1/-1;justify-content:center;align-items:center;gap:2vh;display:flex}.module.ready .module-art{justify-content:center;width:100%;display:flex}.module.ready:active{box-shadow:0 3px 0 var(--ink);transform:translateY(6px)scale(.99)}.module.soon{color:#2b2730b3;background:#fffaf1;border-style:dashed;align-items:center;gap:2vw;padding:0 2.4vw;display:flex}.module.soon .module-art{opacity:.75;width:clamp(40px,11vh,84px);height:clamp(40px,11vh,84px)}.module-art svg{width:100%;height:100%}.module-name{font-size:clamp(24px,7vh,60px);font-weight:700;line-height:1}.module.ready .module-name{color:#fff;-webkit-text-stroke:.09em var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink);font-size:clamp(34px,11vh,96px)}.module.soon .module-name{font-size:clamp(20px,5.4vh,46px);font-weight:600}.soon-tag{background:var(--c);border:2.5px solid var(--ink);color:var(--ink);white-space:nowrap;border-radius:999px;margin-left:auto;padding:.35em .8em;font-size:clamp(12px,2.6vh,20px);font-weight:600}.module.wiggle{animation:.55s ease-in-out wiggle}@keyframes wiggle{20%{transform:rotate(-4deg)}40%{transform:rotate(3.5deg)}60%{transform:rotate(-2.5deg)}80%{transform:rotate(1.5deg)}}.module-icon{aspect-ratio:1;border:var(--line) solid var(--ink);pointer-events:none;border-radius:23%;width:min(62%,46vh);animation:3.2s ease-in-out infinite bob;display:block;transform:rotate(-3deg);box-shadow:0 6px #2b27304d}@keyframes card-in{0%{opacity:0;transform:translateY(26px)scale(.92)}}.gallery{grid-template-rows:1fr auto;gap:1.4vh;height:100%;padding:2vh 2vw 3vh;display:grid;position:relative}.gallery-home{z-index:2;position:absolute;top:2.4vh;left:2vw}.carousel{grid-template-columns:auto 1fr auto;align-items:center;gap:1.4vw;min-height:0;display:grid}.track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;min-width:0;height:100%;display:flex;overflow:auto hidden}.track::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;flex:0 0 100%;gap:1.6vh;min-height:0;padding:0 .8vw 2.4vh;display:flex}.cat-title{letter-spacing:.02em;justify-content:center;margin:0;font-family:Chewy,Fredoka Variable,system-ui,sans-serif;font-size:clamp(32px,9.5vh,78px);font-weight:400;line-height:1.05;display:flex}.cat-title span{color:var(--c);-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink);animation:2.8s ease-in-out infinite bob;animation-delay:calc(var(--i) * -.3s);display:inline-block}.slide-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:2.6vh 1.8vw;min-height:0;display:grid}.card{border:var(--line) solid var(--ink);background:var(--tint);min-height:0;box-shadow:0 6px 0 var(--ink);animation:card-in .45s var(--press) both;animation-delay:calc(var(--i) * 45ms + 60ms);transition:transform .14s var(--press), box-shadow .14s;border-radius:clamp(16px,4vh,30px);flex-direction:column;gap:.8vh;padding:1.1vh;display:flex}.card:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.card.opening{animation:.28s ease-in both open}@keyframes open{40%{transform:scale(1.06)rotate(-1.5deg)}to{opacity:.4;transform:scale(1.12)}}.card-art{background:var(--card);border:calc(var(--line) * .75) solid var(--ink);border-radius:clamp(10px,2.8vh,20px);flex:1;min-height:0;display:grid;overflow:hidden}.thumb{object-fit:contain;background:var(--card);pointer-events:none;width:100%;height:100%}.card-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(14px,3.6vh,30px);font-weight:600;line-height:1.1;overflow:hidden}.dots{justify-content:center;gap:clamp(12px,2.4vw,24px);display:flex}.dot{background:var(--card);border:var(--line) solid var(--ink);width:clamp(18px,4vh,30px);height:clamp(18px,4vh,30px);transition:transform .25s var(--press), background .2s;border-radius:50%}.dot.on{background:var(--sun);transform:scale(1.3)}.colorer{grid-template-columns:var(--rail) minmax(0, 1fr) var(--pal);gap:1.6vw;height:100%;padding:2.2vh 0 2.2vh 1.6vw;display:grid}.rail{flex-direction:column;justify-content:space-between;align-items:center;gap:2vh;min-height:0;display:flex}.tools{flex-direction:column;gap:2.6vh;display:flex}.tool{width:var(--rail);height:var(--rail);background:var(--card);border:var(--line) solid var(--ink);box-shadow:0 5px 0 var(--ink);transition:transform .25s var(--press), background .2s;border-radius:clamp(16px,3.6vh,28px);place-items:center;display:grid;overflow:hidden}.tool>svg{width:86%;height:86%}.tool-crayon{width:118%;display:block;transform:rotate(-42deg)translate(6%)}.tool-crayon svg{width:100%;height:auto}.tool.on{background:var(--sun);transform:scale(1.1)rotate(-4deg)}.rail-end{flex-direction:column;align-items:center;gap:2.6vh;display:flex}.stage{place-items:center;min-height:0;display:grid;container-type:size}.paper{aspect-ratio:4/3;background:var(--card);border:calc(var(--line) * 1.2) solid var(--ink);width:min(100cqw,133.333cqh - 10px);box-shadow:0 8px 0 var(--ink);touch-action:none;border-radius:clamp(16px,4vh,30px);position:relative;overflow:hidden}.art{width:100%;height:100%}.region{cursor:crosshair}.raster{background:var(--card);cursor:crosshair;width:100%;height:100%;position:relative}.raster>canvas,.raster>img,.raster-live{width:100%;height:100%;position:absolute;inset:0}.raster>img{pointer-events:none;-webkit-user-drag:none}.raster-live canvas{position:absolute}.sparkles{pointer-events:none;position:absolute;inset:0}.sparkle{animation:.85s cubic-bezier(.15,.8,.3,1) both sparkle;position:absolute}@keyframes sparkle{0%{opacity:1;transform:translate(-50%,-50%)scale(0)rotate(0)}55%{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.15) rotate(var(--rot));opacity:1}to{transform:translate(calc(-50% + var(--dx) * 1.2), calc(-50% + var(--dy) * 1.2 + 14px)) scale(.2) rotate(calc(var(--rot) * 1.6));opacity:0}}.palette{min-height:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(#0000,#000 5% 95%,#0000)}.palette-scroll{overscroll-behavior:contain;scroll-snap-type:y proximity;scrollbar-width:none;touch-action:pan-y;flex-direction:column;gap:.4vh;height:100%;padding:3vh 0;display:flex;overflow:hidden auto}.palette-scroll::-webkit-scrollbar{display:none}.crayon{scroll-snap-align:center;flex:none;width:100%;height:clamp(36px,8.6vh,68px);display:block;overflow:hidden}.crayon svg{width:auto;height:100%;transition:transform .3s var(--press);filter:drop-shadow(0 3px #2b273038);transform:translate(30%)}.crayon.on svg{transform:translate(3%)}.crayon:active svg{transform:translate(16%)}.turn{display:none}@media (orientation:portrait) and (pointer:coarse){.screen{display:none}.turn{flex-direction:column;justify-content:center;align-items:center;gap:40px;font-size:30px;font-weight:600;display:flex;position:fixed;inset:0}.turn p{margin:0}.turn-device{border:6px solid var(--ink);background:var(--sun);width:110px;height:170px;box-shadow:0 6px 0 var(--ink);border-radius:22px;animation:2.4s ease-in-out infinite turn}}@keyframes turn{0%,25%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}