:root{--void:#24352c;--panel:#514332;--panel-lit:#705739;--line:#ae9160;--ink:#fff2d6;--muted:#d5c7a3;--brand:#78964d;--brand-lit:#e3b95d;--font-pixel:"Silkscreen", ui-monospace, monospace;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--void);min-height:100%;color:var(--ink);font-family:var(--font-display);margin:0;overflow:hidden}#app{min-height:100vh;position:relative}canvas#game{image-rendering:pixelated;display:block}kbd{font-family:var(--font-pixel);color:var(--ink);box-shadow:0 0 0 2px var(--line);background:#000;padding:.1em .45em;font-size:.66em}img{image-rendering:auto}.btn{font-family:var(--font-pixel);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--panel-lit);cursor:pointer;box-shadow:0 0 0 2px #000, 0 0 0 4px var(--brand);border:0;padding:.85rem 1.1rem;font-size:.82rem}.btn:hover{background:var(--brand)}.btn:focus-visible{box-shadow:0 0 0 2px #000, 0 0 0 4px var(--brand-lit), 0 0 0 7px #8b5cf659;outline:0}.btn--primary{background:var(--brand);color:var(--void)}.btn--primary:hover{background:var(--brand-lit)}.btn--ghost{background:var(--panel)}.btn--link{background:var(--panel);text-decoration:none}.boot{z-index:30;text-align:center;color:#f4efff;background:#191d29;place-content:center;justify-items:center;gap:1.2rem;padding:2rem 1.5rem;display:grid;position:fixed;inset:0;overflow-y:auto}.boot[hidden]{display:none}.boot__logo{object-fit:contain;width:300px;max-width:min(72vw,300px);height:auto;max-height:150px;image-rendering:pixelated}.boot__logo[hidden]{display:none}.boot__title{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:500}.boot__sub{color:#bab8cb;max-width:43ch;margin:0;line-height:1.65}.boot__start{color:#191d29;text-transform:none;letter-spacing:0;background:#c3a6ef;margin-top:.2rem;padding:1rem 1.6rem;box-shadow:0 3px #77618f}.boot__start:hover{background:#e0caff}.boot__start:focus-visible{outline-offset:5px;outline:2px solid #f4efff}.boot__scene{width:240px;height:142px;margin:.2rem 0;position:relative}.boot__scene img{image-rendering:pixelated;object-fit:contain;z-index:1;position:absolute}.boot__building{width:128px;height:128px;bottom:10px;left:32px}.boot__hero{width:36px;height:48px;bottom:2px;right:33px}.boot__path{background:#454451;border-bottom:3px solid #30313e;height:12px;position:absolute;bottom:0;left:12px;right:12px}@media (height<=700px){.boot{place-content:start center;gap:.8rem}.boot__logo{width:200px;max-height:100px}.boot__scene{height:112px}.boot__building{width:100px;height:100px}}.boot__keys{color:#bab8cb;margin:.6rem 0 0;font-size:.85rem}.boot__keys kbd{box-shadow:none;color:#dcd5eb;background:#292c3b}.hud{z-index:10;pointer-events:none;position:fixed;inset:0}.hud[hidden]{display:none}.prompt{font-family:var(--font-pixel);color:var(--ink);box-shadow:0 0 0 2px #000, 0 0 0 4px var(--brand);background:#3a2f25;padding:.55rem .9rem;font-size:.78rem;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.prompt[hidden]{display:none}.overlay{z-index:20;background:#06040cb8;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.dialog{background:var(--panel);width:min(34rem,100%);box-shadow:0 0 0 2px #000, 0 0 0 5px var(--brand), 0 14px 0 5px #00000073;padding:1.6rem}.dialog__kind{font-family:var(--font-pixel);color:var(--brand-lit);text-transform:uppercase;margin:0 0 .5rem;font-size:.7rem}.dialog--portrait{grid-template-columns:192px minmax(0,1fr);align-items:start;column-gap:1.6rem;width:min(46rem,100%);max-height:calc(100dvh - 3rem);display:grid;overflow-y:auto}.dialog--portrait>:not(.dialog__portrait){grid-column:2}.dialog--portrait .dialog__body{min-height:4.8em}.dialog__portrait{object-fit:contain;width:192px;height:192px;image-rendering:pixelated;background:#201c30;border:2px solid #ac98ca;grid-area:1/1/6;align-self:center;box-shadow:inset 0 0 0 4px #30283f}.dialog__portrait[hidden]{display:none}@media (width<=540px){.dialog--portrait{grid-template-columns:96px minmax(0,1fr);column-gap:1rem;padding:1.1rem}.dialog__portrait{grid-row:1/3;width:96px;height:96px}.dialog--portrait>.dialog__body,.dialog--portrait>.dialog__hint,.dialog--portrait>.dialog__actions{grid-column:1/-1}.dialog--portrait>.dialog__body{margin-top:1rem}}.dialog__title{font-family:var(--font-pixel);color:var(--ink);margin:0 0 .8rem;font-size:1.5rem}.dialog__body{max-width:60ch;color:var(--muted);margin:0 0 1.4rem;line-height:1.6}.dialog__hint{font-family:var(--font-pixel);color:#6f6b8f;margin:-1rem 0 1rem;font-size:.6rem}.dialog__actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.btn[hidden]{display:none}@media (prefers-reduced-motion:no-preference){.boot>*{animation:.5s cubic-bezier(.2,0,0,1) both rise}.boot>:nth-child(2){animation-delay:60ms}.boot>:nth-child(3){animation-delay:.12s}.boot>:nth-child(4){animation-delay:.18s}.dialog{animation:.18s cubic-bezier(.2,0,0,1) both pop}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.hud__editor{pointer-events:auto;font-family:var(--font-pixel);color:var(--ink);box-shadow:0 0 0 2px #000, 0 0 0 4px var(--brand);background:#3a2f25;padding:.35rem .6rem;font-size:.62rem;text-decoration:none;position:absolute;top:.6rem;left:.6rem}#editor-ui{z-index:40;pointer-events:none;font-family:var(--font-display);color:var(--ink);position:fixed;inset:0}#editor-ui>*{pointer-events:auto}.ed-top{background:#392e23f0;border-bottom:2px solid #2e261f;flex-wrap:wrap;gap:4px;padding:6px;display:flex;position:fixed;top:0;left:0;right:0}.ed-tools{background:#392e23f0;border-bottom:2px solid #2e261f;border-right:2px solid #2e261f;gap:4px;padding:6px;display:flex;position:fixed;top:46px;left:0}.ed-palette{background:#392e23f0;border-right:2px solid #2e261f;width:250px;max-height:calc(100vh - 122px);padding:8px;position:fixed;top:92px;left:0;overflow-y:auto}.ed-inspector{background:#392e23f0;border-left:2px solid #2e261f;width:230px;padding:8px;position:fixed;top:46px;right:0}.ed-status{font-family:var(--font-pixel);color:var(--muted);background:#392e23f0;border-top:2px solid #2e261f;padding:4px 8px;font-size:.6rem;position:fixed;bottom:0;left:0;right:0}.ed-btn{font-family:var(--font-pixel);color:var(--ink);background:var(--panel-lit);cursor:pointer;border:0;padding:.4rem .55rem;font-size:.6rem;box-shadow:0 0 0 2px #000}.ed-btn:hover{background:var(--brand)}.ed-btn.on{background:var(--brand);color:var(--void)}.ed-btn.danger{background:#7f1d2e}.ed-btn.danger:hover{background:#b91c3c}.ed-section{font-family:var(--font-pixel);color:var(--brand-lit);text-transform:uppercase;margin:10px 0 4px;font-size:.6rem}.ed-row{flex-wrap:wrap;gap:3px;display:flex}.ed-note{color:var(--muted);font-size:.78rem}.ed-kv{justify-content:space-between;padding:2px 0;font-size:.78rem;display:flex}body:not(.editor-mode){--panel:#292a39;--panel-lit:#414058;--line:#79718b;--brand:#a58be0;--brand-lit:#d7c3ff;--muted:#d1cadb;--void:#202f2d}#app{height:100dvh;min-height:100dvh}canvas#game{touch-action:none;outline:none}.world-badge{color:#fff6de;background:#242d2deb;border:1px solid #ffffff25;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex;position:absolute;top:22px;left:22px;box-shadow:0 3px #0002}.world-badge__dot{background:#bad47e;width:7px;height:7px;box-shadow:0 0 0 3px #bad47e20}.controls-hint{color:#fff5dd;background:#242d2dd9;padding:9px 12px;font-size:12px;position:absolute;bottom:20px;left:22px}.hud__editor{opacity:.85;font-size:11px;inset:22px 22px auto auto}.dialog{border-color:#ac98ca;box-shadow:0 12px 48px #0008}.editor-mode #app{height:auto;min-height:0;position:fixed;inset:106px 240px 32px 260px}.editor-mode canvas#game{max-width:100%;max-height:100%}.ed-inspector input,.ed-inspector textarea,.ed-inspector select{color:#fff2d6;width:100%;font:inherit;background:#292d26;border:1px solid #ae9160;margin:5px 0 12px;padding:8px}.ed-inspector label{margin-top:12px;font-size:12px;display:block}@media (width<=800px){.world-badge{padding:8px 10px;font-size:11px;top:12px;left:12px}.hud__editor{top:12px;right:12px}.controls-hint{font-size:10px;bottom:12px;left:12px}.editor-mode #app{left:160px;right:0}.editor-mode .ed-palette{width:154px}.editor-mode .ed-inspector{display:none}}.activity-overlay{z-index:40;background:#12141ddd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.activity-panel{overscroll-behavior:contain;color:#f7efd9;width:min(720px,100%);max-height:calc(100dvh - 48px);font-family:var(--font-display);background:#292b3b;border:3px solid #ae9fc7;padding:24px;overflow:auto;box-shadow:0 0 0 3px #161824,0 18px 80px #0008}.activity-panel header{border-bottom:1px solid #7c6c9466;justify-content:space-between;align-items:center;gap:18px;padding-bottom:16px;display:flex}.activity-panel h2{margin:0;font-size:clamp(19px,3vw,26px)}.activity-panel h3{margin:0 0 8px}.activity-panel p{line-height:1.6}.activity-panel button,.hud button{cursor:pointer}.activity-panel button:focus-visible,.intro-skip:focus-visible{outline-offset:4px;outline:3px solid #fff3b0}.activity-panel button:disabled{cursor:default}.activity-eyebrow{color:#d5bbf8;font-family:var(--font-pixel);letter-spacing:.06em;font-size:11px}.activity-status{background:#171c29;border-left:3px solid #c1a0e6;min-height:3.2em;padding:12px}.activity-footer{border-top:1px solid #7c6c9466;justify-content:flex-end;gap:12px;margin-top:22px;padding-top:18px;display:flex}.challenge-grid{grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.challenge-victory{color:#d0eba3;font-size:24px;font-weight:700}.memory-card{color:#f6eada;min-height:108px;font:22px var(--font-pixel);background:#454055;border:2px solid #9583ad;padding:8px;box-shadow:inset 0 0 0 4px #252b39}.memory-card.revealed{background:#202f33}.memory-card img{object-fit:contain;width:64px;height:64px;image-rendering:pixelated;margin:auto;display:block}.memory-card span{font:11px var(--font-display);padding-top:6px;display:block}.memory-card.matched{background:#344638;border-color:#b8d794}.sync-track{background:repeating-linear-gradient(90deg,#242c3d 0 9%,#525466 9% 10%);border:2px solid #a99aba;height:74px;margin:30px 14px;position:relative}.sync-target{width:24%;height:100%;font:11px var(--font-pixel);background:#9471c9;place-items:center;display:grid;position:absolute;left:38%}.sync-marker{background:#fff4c5;width:6px;position:absolute;top:-10px;bottom:-10px;transform:translate(-50%);box-shadow:0 0 0 2px #161824}.sync-rail{pointer-events:none;will-change:transform;position:absolute;inset:0}.coding-mentor{align-items:center;gap:16px;display:flex}.coding-mentor img{image-rendering:pixelated;background:#171e2d;border:2px solid #b99ad9;flex:none}.coding-mentor p{color:#d5cbe1;font-size:14px}.circuit-grid{gap:4px;max-width:360px;margin:20px auto}.circuit-tile{aspect-ratio:1;color:#a7a0b7;background:#202735;border:2px solid #776c87;padding:0}.circuit-tile svg{width:100%;height:100%;display:block}.circuit-tile.connected{color:#dbffa7;background:#3e5141;border-color:#bad47e}.circuit-tile{position:relative}.circuit-port{color:#ffe8a3;font:10px var(--font-display);pointer-events:none;background:#101928;padding:2px 3px;position:absolute;top:3px;left:3px}.difficulty-picker{align-items:center;gap:14px;margin:20px 0 0;font-weight:700;display:flex}.difficulty-picker select{font:inherit;color:#fff2dc;background:#202434;border:1px solid #b3a0cd;padding:10px 16px}.difficulty-picker select:disabled{opacity:.65}.difficulty-picker select:focus-visible{outline-offset:3px;outline:3px solid #fff3b0}.coding-workspace pre{tab-size:2;color:#b8e6dd;background:#121b29;border:1px solid #655c85;border-left:3px solid #c392ed;padding:20px;font:14px/1.7 Consolas,monospace;overflow:auto}.coding-feedback:not(:empty){background:#263e36;border-left:3px solid #b7d98e;padding:16px}.challenge-defeat{color:#ffd19d;font-size:22px;font-weight:700}.clock-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.park-clock{pointer-events:auto;cursor:pointer;color:#fff1ce;font:12px var(--font-display);background:#222b3af2;border:1px solid #b5a5c5;padding:10px 14px;position:absolute;top:76px;left:22px;box-shadow:0 3px #0003}.park-clock:focus-visible{outline-offset:3px;outline:3px solid #fff3b0}.clue-note{color:#313342;background:#e5d7b7;border:3px solid #b6a180;padding:18px}.challenge-stage>.btn{margin:6px 8px 6px 0}.mystery-answers{gap:12px;margin-top:20px;display:grid}.mystery-answers[hidden]{display:none}.answer-button{text-align:left;line-height:1.5}.color-choice,.color-slot{background:linear-gradient(var(--swatch,#525269) 0 60%,#242b3b 60%);color:#fff;min-height:88px;font:12px var(--font-display);text-align:center;border:2px solid #aaa0b9;padding:55px 4px 8px}.color-choice:disabled{opacity:.5}.color-slot{font-size:11px}.sequence-pad{color:#f5ecda;min-height:104px;font:18px var(--font-display);background:#3a344d;border:3px solid #a389ba}.sequence-pad.lit{color:#302a3e;background:#f0d997;border-color:#fff9da}.journal-entry{border-bottom:1px solid #88799766;padding:20px 0}.journal-entry p{margin:6px 0 12px}.journal-locked{color:#c0b8cb;font-size:13px}.hud__editor{font-family:var(--font-pixel);color:#fff4dd;opacity:1;background:#292c3cef;border:1px solid #a493b4;padding:12px}.park-intro{z-index:50;color:#fff5df;isolation:isolate;background:linear-gradient(#131b33,#3b4261 43%,#ab8292 66%,#677652 67%);place-items:start center;display:grid;position:fixed;inset:0;overflow:hidden}.intro-copy{z-index:3;text-align:center;padding:4vh 24px 28px;animation:.9s cubic-bezier(.23,1,.32,1) both intro-title;position:relative}.intro-copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#131b33d9 10%,#131b3399 45%,#0000 72%);position:absolute;inset:-30px -80px}.intro-copy img{object-fit:contain;width:min(58vw,380px);max-height:22vh;image-rendering:pixelated;margin:8px auto;display:block}.intro-tagline{margin:12px 0;font-size:clamp(20px,3vw,30px);font-weight:700}.intro-copy>p:last-child{max-width:45ch;margin:12px auto;font-size:14px}.intro-city{pointer-events:none;position:absolute;inset:0;overflow:hidden}.intro-moon{background:#ffe8ba;width:34px;height:34px;position:absolute;top:11%;right:14%;box-shadow:6px 0 #ffe8ba,-6px 0 #ffe8ba,0 6px #ffe8ba,0 -6px #ffe8ba,0 0 50px 12px #efcba41a}.intro-cloud{top:calc(15% + var(--cloud) * 8%);left:calc(-10% + var(--cloud) * 41%);background:#c6b5c11c;width:180px;height:12px;animation:6.5s linear both intro-cloud-drift;position:absolute;box-shadow:24px -10px #c6b5c11c,60px -20px #c6b5c11c}.intro-skyline{width:106%;height:42%;animation:6.5s cubic-bezier(.23,1,.32,1) both intro-city-arrive;position:absolute;bottom:34%;left:-3%}.intro-tower{background:var(--tower-color);border-top:5px solid #64617b;display:block;position:absolute;bottom:0;box-shadow:inset -9px 0 #12192c55}.intro-tower:before{content:"";background:repeating-linear-gradient(0deg,transparent 0 11px,var(--tower-color) 11px 21px),repeating-linear-gradient(90deg,#d1af954f 0 5px,transparent 5px 15px);position:absolute;inset:13px 12px 0}.intro-tower:after{content:"";background:var(--tower-color);border-top:3px solid #777187;width:55%;height:12px;position:absolute;bottom:100%;left:20%}.intro-tower--antenna:after{border-top-color:#edbaa6;width:3px;height:25px;left:67%}.intro-district{width:100%;height:23%;position:absolute;bottom:34%;left:0}.intro-city-building{object-fit:contain;object-position:bottom;width:auto;max-width:25%;image-rendering:pixelated;position:absolute;bottom:0}.intro-boulevard{background:repeating-linear-gradient(90deg,#0000 0 60px,#dccbb06b 60px 95px,#0000 95px 140px) 50%/100% 3px no-repeat,#484c5e;border-top:5px solid #bbb19a;border-bottom:5px solid #c7b594;width:100%;height:6%;position:absolute;bottom:28%}.intro-street-lamp{width:auto;height:11%;image-rendering:pixelated;position:absolute;bottom:28%}.intro-street-glow{background:radial-gradient(#ffc97530,#0000 65%);width:80px;height:90px;margin-left:-30px;position:absolute;bottom:29%}.intro-scenery{z-index:2;background:linear-gradient(#748d50 0 62%,#a39677 62% 64%,#cabe99 64% 86%,#8a795e 86% 88%,#536b42 88%);width:100%;height:29%;position:absolute;bottom:0}.intro-scenery img{image-rendering:pixelated;object-fit:contain;object-position:bottom;position:absolute}.intro-tree{height:115%;bottom:36%}.intro-tree--left{left:3%}.intro-tree--right{right:3%}.intro-lamp{height:75%;bottom:34%;left:70%}.intro-bench{height:24%;bottom:37%;left:79%}.intro-planter{height:24%;bottom:37%;left:21%}.intro-walker{width:80px;height:108px;animation:6.5s linear both intro-walk;position:absolute;bottom:16%;left:18%}.intro-walker img{width:100%;height:100%}.intro-petal{width:7px;height:4px;top:10%;left:calc(9% + var(--i) * 11%);animation:4s linear infinite intro-petal;animation-delay:calc(var(--i) * -.47s);background:#edafcc;position:absolute}.intro-skip{z-index:3;position:absolute;bottom:24px;right:24px}@keyframes intro-title{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-walk{0%{transform:translate(0)}to{transform:translate(50vw)}}@keyframes intro-petal{0%{opacity:0;transform:translate(0)rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(60px,180px)rotate(180deg)}}@keyframes intro-cloud-drift{0%{transform:translate(0)}to{transform:translate(40px)}}@keyframes intro-city-arrive{0%{opacity:.7;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=540px){.park-clock{padding:8px 10px;font-size:11px;top:58px;left:12px}.activity-footer{flex-wrap:wrap}.coding-workspace pre{padding:12px;font-size:12px}.activity-overlay{padding:12px}.activity-panel{max-height:calc(100dvh - 24px);padding:16px}.activity-panel header{align-items:start}.activity-panel header .btn{white-space:nowrap;padding:10px;font-size:10px}.challenge-grid{gap:6px}.memory-card{min-height:85px;padding:4px}.memory-card img{width:44px;height:44px}.memory-card span,.color-choice,.color-slot{font-size:10px}.intro-copy{padding-top:5vh}.intro-district{width:180%;height:23%;left:-40%}.intro-skyline{width:150%;height:38%;left:-25%}.intro-moon{width:22px;height:22px;right:10%}.intro-bench{left:76%}.intro-tree--left{left:-8%}.intro-tree--right{right:-8%}.intro-walker{width:64px;height:86px}}@media (prefers-reduced-motion:reduce){.intro-copy,.intro-walker,.intro-petal,.intro-skyline,.intro-cloud{animation:none}.intro-walker{left:45%}.intro-petal{display:none}}@media (height<=500px){.intro-copy{padding-top:12px}.intro-copy img{max-height:19vh;margin:0 auto}.intro-tagline{margin:6px 0;font-size:18px}.intro-copy>p:last-child{margin:6px auto;font-size:12px}.intro-copy .activity-eyebrow{margin:0 0 4px;font-size:9px}}