:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--surface:#fff8eb;--surface-raised:#fffdf7;--ink:#303443;--muted:#5d5960;--line:#8d8990;--accent:#285f59;--accent-strong:#184c48;--focus:#9d3e35;--butter:#f4ce68;--coral:#ef9585;--mint:#acd5be;--sky:#aecfe3;--warm:var(--butter);--radius:18px;--ink-shadow:3px 3px 0 var(--ink);color:var(--ink);background:var(--surface);font-family:ui-rounded,Trebuchet MS,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--surface);min-width:320px}body{background:radial-gradient(circle at 82% 7%, #f4ce6847, transparent 23rem), radial-gradient(circle at 7% 31%, #aecfe338, transparent 20rem), repeating-linear-gradient(0deg, #30344305 0 1px, transparent 1px 5px), var(--surface);min-width:320px;min-height:100vh;margin:0}button,input,summary{font:inherit}button,summary,input{-webkit-tap-highlight-color:transparent}button{min-height:44px;color:var(--ink);background:var(--surface-raised);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:12px 9px 13px 10px;padding:.65rem 1rem;transition:background-color .15s,box-shadow .15s,transform .15s}button:hover{border-color:var(--ink);background:#fff3d7}button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}button:disabled{color:var(--muted);box-shadow:none;cursor:not-allowed;opacity:1;background:#f8f3e9;border-style:dashed;border-color:#77747c}button:disabled:hover{background:#f8f3e9;border-color:#77747c}button:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{z-index:10;color:#fff;background:var(--accent-strong);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:.5rem;padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-shell{width:min(1120px,100% - 2rem);padding:max(1.5rem, env(safe-area-inset-top)) max(0rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(0rem, env(safe-area-inset-left));margin:0 auto}.masthead{grid-template-columns:1fr minmax(17rem,29rem);align-items:end;gap:clamp(1.5rem,5vw,4rem);margin:clamp(2rem,6vw,5rem) 0 2rem;display:grid}.brand-lockup{isolation:isolate;position:relative}.brand-lockup .eyebrow{margin-left:clamp(5.25rem,8vw,6.5rem)}.doodle,.title-squiggle{pointer-events:none}.doodle-sun{z-index:-1;width:clamp(4.5rem,9vw,6.5rem);fill:var(--butter);stroke:var(--ink);stroke-linecap:round;stroke-width:3px;position:absolute;top:clamp(-2.8rem,-4vw,-1.5rem);left:clamp(-1.2rem,-2vw,-.25rem);overflow:visible;transform:rotate(-7deg)}.title-squiggle{fill:none;width:min(100%,25rem);height:1.8rem;stroke:var(--coral);stroke-linecap:round;stroke-width:7px;margin:.2rem 0 0 clamp(.2rem,2vw,1.3rem);display:block}.masthead-note{gap:.85rem;display:grid}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:ui-rounded,Trebuchet MS,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800}h1{color:var(--ink);letter-spacing:-.075em;margin:0;font-size:clamp(3.6rem,9vw,7.25rem);line-height:.82;transform:rotate(-1deg)}h2{letter-spacing:-.035em;margin-bottom:0;font-size:clamp(1.5rem,3vw,2.25rem)}.eyebrow,.section-label{color:var(--accent-strong);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5rem;font-size:.72rem;font-weight:800}.intro{color:var(--muted);margin-bottom:0;font-size:clamp(1rem,2vw,1.24rem);line-height:1.55}.sketch-sample{background:linear-gradient(#aecfe34d 1px, transparent 1px), var(--surface-raised);border:2px solid var(--ink);width:min(100%,28rem);height:8.25rem;box-shadow:var(--ink-shadow);pointer-events:none;background-size:100% 2rem;border-radius:17px 13px 19px 12px;position:relative;overflow:hidden;transform:rotate(.8deg)}.sample-bricks{gap:.6rem;padding:1.2rem 1.25rem;display:flex}.sample-brick{border:2px solid var(--ink);border-radius:9px 7px 10px 8px;flex:1;justify-content:center;align-items:center;gap:.27rem;height:2.1rem;display:flex;box-shadow:2px 2px #30344359}.sample-brick:nth-child(2){transform:translateY(.15rem)rotate(-1deg)}.sample-brick:nth-child(3){transform:rotate(1deg)}.sample-brick i{background:var(--surface-raised);border:1px solid var(--ink);border-radius:50%;width:.38rem;height:.38rem}.sample-brick-coral{background:var(--coral)}.sample-brick-butter{background:var(--butter)}.sample-brick-mint{background:var(--mint)}.sample-ball{background:var(--surface-raised);border:2px solid var(--ink);border-radius:50%;width:1.15rem;height:1.15rem;position:absolute;bottom:2.4rem;right:29%;box-shadow:2px 3px #3034432e}.sample-paddle{background:var(--accent);border:2px solid var(--ink);border-radius:999px;width:8.5rem;height:.9rem;position:absolute;bottom:.9rem;right:17%;transform:rotate(-1deg)}.sample-star{color:var(--coral);font-size:1.55rem;position:absolute;bottom:1.1rem;left:1.3rem;transform:rotate(-10deg)}.heading-lockup{align-items:center;gap:.75rem;display:flex}.heading-lockup .doodle{width:3.25rem;height:3.25rem;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;flex:none;overflow:visible}.doodle-stars path{fill:var(--butter)}.doodle-flower path:first-child{fill:var(--coral)}.doodle-flower circle{fill:var(--butter)}.doodle-flower path:last-child{fill:none}.game-panel{border:2px solid var(--ink);border-radius:var(--radius);background:radial-gradient(circle at 97% 3%, #ef95852e, transparent 10rem), var(--surface-raised);padding:clamp(1rem,2.8vw,2rem);box-shadow:5px 6px #3034432e}.game-heading,.settings-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.game-heading{margin-bottom:1.25rem}.level-description{max-width:30rem;color:var(--muted);text-align:right;margin-bottom:0;line-height:1.5}.playfield-frame{border:3px solid var(--ink);background:var(--sky);box-shadow:3px 3px 0 var(--ink);border-radius:14px 10px 16px 11px;display:grid;position:relative;overflow:hidden}canvas{aspect-ratio:3/2;touch-action:none;grid-area:1/1;align-self:center;width:100%;min-width:0;height:auto;display:block}.state-overlay{min-width:0;color:var(--ink);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:repeating-linear-gradient(0deg,#30344309 0 1px,#0000 1px 6px),#fff8ebf0;grid-area:1/1;place-content:center;justify-items:center;padding:1rem;display:grid;position:relative}.state-overlay:before{background:var(--coral);border:2px solid var(--ink);content:"";border-radius:999px;width:5.5rem;height:.72rem;margin-bottom:1rem;transform:rotate(-2deg)}.state-overlay[hidden]{display:none}.state-overlay>p:first-child:not(.section-label){margin-bottom:.75rem;font-family:ui-rounded,Trebuchet MS,sans-serif;font-size:clamp(1.8rem,5vw,3rem);font-weight:800}.state-overlay button{color:#fff;background:var(--accent);border-color:var(--ink)}.completion-overlay{background-color:#aecfe3f0}.completion-overlay:before{background:var(--butter)}.completion-overlay h3{margin:0 0 .5rem;font-size:clamp(1.7rem,4vw,2.8rem)}.completion-overlay .section-label{color:var(--accent-strong)}.completion-overlay p{margin-bottom:.45rem}.completion-medals{min-height:1.5em;font-weight:700}.completion-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.7rem;display:flex}.readout{border-bottom:2px dashed #30344347;grid-template-columns:repeat(4,auto) 1fr;align-items:center;gap:clamp(.75rem,2vw,2rem);min-height:64px;padding:.75rem 0;display:grid}.readout div{gap:.1rem;display:grid}.readout span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:800}.readout strong{font-variant-numeric:tabular-nums}.status{max-width:27rem;color:var(--ink);text-align:right;background:#fff2c9;border-radius:8px 6px 9px 7px;justify-self:end;margin:0;padding:.5rem .7rem;line-height:1.4}.controls{flex-wrap:wrap;gap:.65rem;padding-top:1rem;display:flex}.primary-action{color:#fff;background:var(--accent);border-color:var(--ink)}.primary-action:hover{color:#fff;background:var(--accent-strong)}.nudge-controls{gap:.35rem;margin-left:auto;display:flex}.nudge-controls button{background:var(--butter);min-width:52px;font-size:1.2rem}.nudge-controls button:hover{background:#f8dc8e}.settings-panel{background:linear-gradient(110deg, #aecfe32b, transparent 38%), var(--surface-raised);border-radius:var(--radius);border:2px solid #303443b8;align-items:stretch;margin-top:1.25rem;padding:1.25rem clamp(1rem,2.8vw,2rem);box-shadow:3px 4px #30344321}.toggle-row{border:2px solid var(--ink);cursor:pointer;background:#fff2c9;border-radius:11px 8px 12px 9px;align-items:center;gap:1rem;min-height:58px;padding:.55rem .75rem;display:flex}.toggle-row:nth-of-type(2){background:#e5f3e9}.toggle-row span{display:grid}.toggle-row small{color:var(--muted);line-height:1.35}.toggle-row input{width:1.35rem;height:1.35rem;accent-color:var(--accent);flex:none}.save-status{color:var(--muted);border-left:5px solid var(--coral);flex:100%;margin-bottom:0;padding-left:.75rem;font-size:.82rem;line-height:1.45}details{background:#aecfe340;border-radius:10px;align-self:center;max-width:22rem;padding:0 .75rem}summary{min-height:44px;color:var(--accent-strong);cursor:pointer;align-items:center;font-weight:800;display:flex}details p{color:var(--muted);line-height:1.55}@media (width<=760px){.app-shell{width:calc(100% - 1rem);min-width:0;max-width:680px;padding-top:max(.75rem, env(safe-area-inset-top))}.game-panel,.game-heading,.playfield-frame,.readout,.controls{min-width:0;max-width:100%}.masthead{grid-template-columns:1fr;gap:1rem;margin:1.5rem 0}h1{font-size:clamp(3.4rem,18vw,5rem)}.game-panel{border-radius:14px;padding:.75rem}.game-heading{align-items:end;display:grid}.level-description{text-align:left}.readout{grid-template-columns:repeat(2,1fr)}.status{text-align:left;grid-column:1/-1;justify-self:start;min-height:2.6em}.controls>button{flex:auto}.nudge-controls{order:-1;width:100%;margin-left:0}.nudge-controls button{flex:1;min-height:50px}.settings-panel{display:grid}.toggle-row{justify-content:space-between}details{max-width:none}}@media (height<=560px) and (orientation:landscape){.app-shell{width:min(100% - 1rem,980px);padding-block:.5rem}.masthead{display:none}.game-panel{grid-template-columns:minmax(0,1fr) 14rem;gap:0 .75rem;padding:.6rem;display:grid}.game-heading{grid-area:1/2;margin:0 0 .5rem;display:grid}.playfield-frame{grid-area:1/1/span 3;align-self:center}.readout{grid-area:2/2;grid-template-columns:repeat(2,1fr);align-content:start;padding-top:0}.status{grid-column:1/-1}.controls{grid-area:3/2;align-content:end}.nudge-controls{order:-1;width:100%}.settings-panel{margin-top:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (forced-colors:active){h1{line-height:1;transform:none}button,.game-panel,.settings-panel,.playfield-frame{border:1px solid canvastext}.primary-action{forced-color-adjust:none;color:highlighttext;background:highlight;border:3px solid highlight}}