:root{color:#263d52;font-synthesis:none;--ink:#263d52;--paper:#fff9eb;--blue:#315e76;--line:#dbdfd2;--focus:#1b577b;--z-sweep:5;background:#fff9eb;font-family:Fredoka,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}button svg{flex-shrink:0;width:32px;height:32px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button{transition:background .15s,transform .15s,box-shadow .15s}button:hover{filter:brightness(.98)}button:active{transform:translateY(2px)scale(.98)}button:disabled{opacity:.35;cursor:default;transform:none}a{color:var(--blue);text-underline-offset:4px;text-decoration-thickness:1px}h1,h2,p{margin:0}h1,h2{letter-spacing:-.025em;font-weight:600}svg,small{display:block}footer{color:#52616a;justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}footer a{align-items:center;gap:4px;min-height:64px;display:flex}footer svg{width:16px;height:16px;transform:rotate(180deg)}.menu{max-width:1080px;margin:auto;padding:24px 40px 0}.menu-header{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:#efba39;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.brand-mark svg{width:32px;height:32px}.brand-name{font-size:22px;font-weight:600;line-height:1.1}.brand-name small{color:#52616a;margin-top:5px;font-size:12px;font-weight:400}.tool{background:#edf0e6;border:2px solid #0000;border-radius:20px;justify-content:center;align-items:center;width:64px;min-width:64px;height:64px;display:flex}.tool:hover{background:#e1e7d5}.welcome{justify-content:space-between;align-items:center;gap:24px;padding:36px 0 24px;display:flex}.welcome-copy{flex:1}.eyebrow{letter-spacing:.12em;color:#5b6f63;margin-bottom:16px;font-size:11px}.welcome h1{font-size:52px;line-height:1.08}.welcome p:not(.eyebrow){color:#52616a;margin:16px 0 24px;font-size:18px;line-height:1.5}.hero-art{width:47%;max-width:480px}.free-button{color:#fff9eb;text-align:left;background:#315e76;border-radius:24px;align-items:center;gap:20px;width:100%;max-width:352px;min-height:88px;padding:16px 24px;display:flex;box-shadow:0 5px #24475b}.free-button>svg:first-child{background:#ffffff18;border-radius:16px;width:48px;height:48px;padding:8px}.free-button>svg:last-child{width:24px;margin-left:auto;transform:rotate(180deg)}.free-button span{font-size:22px;font-weight:600}.free-button small{opacity:.9;margin-top:4px;font-size:14px;font-weight:400}.section-label{justify-content:space-between;align-items:center;margin:16px 0;display:flex}.section-label h2{font-size:22px}.section-label>span{color:#52616a;font-size:13px}.cards{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.challenge-card{background:#f1efdf;border:2px solid #e7e5d4;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:148px;padding:4px 8px 12px;display:flex}.challenge-card svg{width:100%;max-width:116px;height:100px}.challenge-card span{font-size:15px}.challenge-card:hover{background:#e8ecdc;transform:translateY(-3px)}.menu footer{margin-top:12px}.playing{height:100dvh;overflow:hidden}.game{flex-direction:column;max-width:1200px;height:100dvh;margin:auto;padding:8px 24px 0;display:flex}.game-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:80px;display:flex}.game-header>div{text-align:center}.game-header h1{font-size:24px}.game-header p{color:#52616a;margin-top:4px;font-size:13px}.play-layout{flex:1;grid-template-columns:minmax(0,1fr) 344px;align-items:center;gap:32px;min-height:0;display:grid}.workshop{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.hint{text-align:center;flex-shrink:0;min-height:28px;font-size:15px}.stage-wrap{aspect-ratio:1;flex-shrink:1;max-width:100%;height:calc(100% - 28px);min-height:0;position:relative}#stage{touch-action:none;background:#f7f8ee;border-radius:24px;width:100%;height:100%;overflow:visible}.block{cursor:grab;touch-action:none;transition:transform .32s cubic-bezier(.22,.68,.25,1)}.block:active{cursor:grabbing}.slot{opacity:.75}.toolbox{background:#f3f0e1;border-radius:28px;width:344px;padding:12px 12px 16px}.rack-label{letter-spacing:.08em;color:#52616a;justify-content:space-between;margin:4px 0 12px;font-size:11px;display:flex}.rack,.palette,.actions{justify-content:center;gap:0;display:flex}.rack{background:#e7ddc5;border-radius:18px;margin-bottom:12px;box-shadow:0 4px #d4c5a7}.shape-button{touch-action:none;background:0 0;border:2px solid #0000;border-radius:16px;place-items:center;width:64px;min-width:64px;height:72px;display:grid}.shape-button svg{pointer-events:none;width:56px;height:56px}.shape-button.picked{background:#fff9eb;border-color:#315e76}.palette{margin-bottom:12px}.color-button{background:0 0;border:2px solid #0000;border-radius:50%;width:64px;min-width:64px;height:64px}.color-button svg{width:48px;height:48px;margin:auto}.color-button.chosen{border-color:#315e76}.size-button{background:0 0;position:relative}.size-button span{background:#fff9eb;border-radius:50%;width:20px;height:20px;padding-top:3px;font-size:12px;position:absolute;bottom:0;right:2px}.actions .tool{background:#fff9eb;border-radius:16px}.tool-help{color:#52616a;text-align:center;margin-top:16px;font-size:13px;line-height:1.5}.game footer{flex-shrink:0;height:48px}.game footer a{min-height:40px}.wobble{transform-origin:50% 90%;animation:.24s ease-in-out infinite alternate wobble}.bounce{animation:.35s ease-in-out bounce}.train{animation:2.5s ease-in-out infinite alternate train}.lamps{animation:1.3s ease-in-out infinite alternate lamps}.wave{transform-origin:216px 174px;animation:.6s ease-in-out infinite alternate wave}.hooray{animation:.4s ease-out bounce}#sweep{opacity:0;pointer-events:none;z-index:var(--z-sweep);color:#315e76;position:absolute;top:48%;left:-80px}#sweep svg{width:80px;height:80px}.sweeping{animation:.5s ease-in-out sweep}@keyframes wobble{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes bounce{50%{transform:translateY(-8px)}}@keyframes lamps{to{opacity:.5}}@keyframes wave{to{transform:rotate(24deg)}}@keyframes train{to{transform:translate(24px)}}@keyframes sweep{0%{opacity:1;left:0}90%{opacity:1}to{opacity:0;left:90%}}@media (width<=720px){.menu{max-width:520px;padding:12px 20px 0}.menu-header .tool{background:0 0}.brand-mark{border-radius:12px;width:40px;height:40px}.brand-name{font-size:20px}.brand-name small{font-size:11px}.welcome{gap:0;min-height:232px;padding:12px 0 16px;position:relative}.welcome h1{font-size:36px}.welcome .eyebrow{max-width:170px;margin-bottom:12px;font-size:9px}.welcome p:not(.eyebrow){margin:12px 0 20px;font-size:14px;line-height:1.4}.hero-art{pointer-events:none;width:48%;position:absolute;top:24px;right:-12px}.free-button{border-radius:20px;gap:12px;max-width:none;min-height:76px;padding:12px 16px}.free-button span{font-size:21px}.free-button small{font-size:13px}.section-label{margin:8px 0 12px}.section-label h2{font-size:18px}.section-label>span{display:none}.cards{grid-template-columns:repeat(3,1fr);gap:8px}.challenge-card{border-radius:20px;gap:0;min-height:112px;padding:4px 4px 8px}.challenge-card svg{height:80px}.challenge-card span{font-size:13px}.menu footer{gap:4px;margin-top:0;font-size:10px}.menu footer a{font-size:10px}.game{max-width:520px;padding:4px 0 0}.game-header{gap:8px;height:68px;padding:0 12px}.game-header h1{font-size:22px}.game-header p{font-size:11px}.play-layout{flex-direction:column;align-items:center;gap:0;display:flex}.workshop{flex:1;justify-content:center;width:100%;height:auto}.hint{min-height:24px;font-size:13px}.stage-wrap{aspect-ratio:1;flex:none;width:min(100%,100dvh - 360px);height:auto;max-height:100%}.toolbox{background:0 0;border-radius:0;flex-shrink:0;width:100%;max-width:360px;padding:0 20px}.rack-label{margin:4px 0 6px;font-size:10px}.rack{margin-bottom:8px}.shape-button{height:64px}.palette{margin-bottom:4px}.tool-help{margin-top:4px;font-size:11px;line-height:1.3}.actions .tool{background:#edf0e6}.game footer{align-self:center;width:100%;max-width:360px;height:32px;padding:0 16px;font-size:10px}.game footer a{min-height:32px}.stage-wrap #stage{border-radius:16px}.game-header .tool{background:0 0}.toolbox .tool{min-width:64px}}@media (width>=721px) and (height<=700px){.game-header{height:72px}.game footer{height:32px}.play-layout{gap:12px}.toolbox{padding-top:8px}.tool-help{margin-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}