@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";:root{color-scheme:dark;font-family:VT323,Courier New,monospace;background:#171127;color:#fff7dc;--ink: #171127;--deep: #251a3d;--purple: #493672;--cream: #fff7dc;--orange: #ff6b17;--orange-dark: #d84413;--yellow: #ffd84a;--lime: #c8f344;--pink: #f05c9c;--sky: #8fe7e1;--pixel: "Press Start 2P", "Courier New", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),var(--ink);background-size:24px 24px;font-size:1.3rem;line-height:1.45}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.scanlines{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.12;background:repeating-linear-gradient(transparent 0,transparent 3px,rgba(12,7,22,.26) 4px);mix-blend-mode:multiply}main,footer{width:min(1180px,calc(100% - 40px));margin-inline:auto}.hero{padding:clamp(28px,4vw,48px) 0 clamp(54px,6vw,76px)}.hero__heading{margin-bottom:clamp(22px,3vw,34px)}.eyebrow{margin:0 0 24px;color:var(--yellow);font:400 .66rem/1.5 var(--pixel);letter-spacing:.08em}.eyebrow span{color:var(--pink)}h1,h2,p{text-wrap:balance}h1{margin:0;color:var(--cream);max-width:1120px;font:400 clamp(1.35rem,3.8vw,3.4rem) / 1.22 var(--pixel);letter-spacing:-.035em;text-shadow:5px 5px 0 var(--deep)}.hero__goal{color:var(--lime);white-space:nowrap}.hero__instructions{margin:15px 0 0;color:#d7cce9;font-size:1.3rem;line-height:1.25}.level-select{padding:clamp(76px,10vw,132px) 0;border-top:4px solid var(--cream)}.section-heading{margin-bottom:34px;display:flex;align-items:end;justify-content:space-between;gap:32px}.section-heading .eyebrow{margin-bottom:17px}h2{margin:0;font:400 clamp(1.75rem,4vw,3.4rem) / 1.12 var(--pixel);letter-spacing:-.03em}.section-heading__note{margin:0 0 5px;color:#aa9cbd;font:400 .55rem/1.5 var(--pixel)}.arcade-shell{border:6px solid var(--cream);background:var(--deep);box-shadow:12px 12px 0 var(--orange)}.arcade-shell__topbar{min-height:68px;padding:11px clamp(18px,3vw,34px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;color:var(--yellow);background:var(--deep);font:400 1rem/1 var(--pixel)}.arcade-shell__topbar>div:last-child{text-align:right}.hud-label{margin-bottom:8px;display:block;color:var(--sky);font-size:.48rem}.hud-progress{position:relative;width:clamp(110px,22vw,220px);overflow:hidden;color:#5a4b6e;font:400 clamp(.5rem,1.2vw,.72rem) / 1 var(--pixel);letter-spacing:.08em;white-space:nowrap}.hud-progress__track,.hud-progress__fill{display:block}.hud-progress__fill{position:absolute;inset:0 auto 0 0;width:90%;overflow:hidden;color:var(--lime);transition:width .16s steps(2)}.game-screen{position:relative;height:clamp(280px,30vw,350px);min-height:280px;overflow:hidden;cursor:pointer;outline:none;touch-action:manipulation;user-select:none;background:var(--sky);image-rendering:pixelated}.game-screen:focus-visible{box-shadow:inset 0 0 0 6px var(--lime)}.game-sky,.obstacles{position:absolute;inset:0}.sun{position:absolute;top:38px;right:12%;width:56px;height:56px;background:var(--yellow);box-shadow:-8px 0 0 var(--yellow),8px 0 0 var(--yellow),0 -8px 0 var(--yellow),0 8px 0 var(--yellow)}.cloud{position:absolute;width:74px;height:20px;background:#fff7dcd1;box-shadow:16px -14px #fff7dcd1,36px -6px #fff7dcd1}.cloud--one{top:58px;left:15%}.cloud--two{top:108px;left:58%;transform:scale(.72)}.city{position:absolute;right:-12px;bottom:60px;left:-12px;height:130px;background-repeat:repeat-x}.city--back{opacity:.24;background-image:linear-gradient(90deg,var(--purple) 0 8%,transparent 8% 10%,var(--purple) 10% 17%,transparent 17% 19%,var(--purple) 19% 31%,transparent 31% 34%,var(--purple) 34% 40%,transparent 40% 43%,var(--purple) 43% 55%,transparent 55% 58%,var(--purple) 58% 66%,transparent 66% 69%,var(--purple) 69% 82%,transparent 82% 85%,var(--purple) 85% 94%,transparent 94%);background-size:380px 100%;clip-path:polygon(0 55%,8% 55%,8% 18%,17% 18%,17% 43%,31% 43%,31% 0,40% 0,40% 35%,55% 35%,55% 8%,66% 8%,66% 50%,82% 50%,82% 25%,94% 25%,94% 70%,100% 70%,100% 100%,0 100%)}.city--front{bottom:49px;height:79px;opacity:.36;background:repeating-linear-gradient(90deg,var(--deep) 0 55px,transparent 55px 63px,var(--deep) 63px 132px,transparent 132px 143px);clip-path:polygon(0 30%,7% 30%,7% 4%,17% 4%,17% 58%,28% 58%,28% 20%,41% 20%,41% 48%,53% 48%,53% 0,64% 0,64% 63%,75% 63%,75% 27%,89% 27%,89% 55%,100% 55%,100% 100%,0 100%)}.road{position:absolute;right:0;bottom:0;left:0;height:64px;background:#4b3f59;border-top:8px solid var(--ink)}.road__curb{height:9px;background:repeating-linear-gradient(90deg,var(--cream) 0 26px,var(--orange) 26px 52px)}.road__stripe{position:absolute;right:0;bottom:14px;left:0;height:7px;background:repeating-linear-gradient(90deg,var(--yellow) 0 54px,transparent 54px 86px)}.player{position:absolute;z-index:5;bottom:31px;left:min(7.6%,96px);width:clamp(108px,15vw,154px);height:auto;pointer-events:none;transform-origin:48% 82%;will-change:transform;image-rendering:pixelated;filter:drop-shadow(6px 7px 0 rgba(23,17,39,.28))}.arcade-shell[data-game-state=running] .player{animation:scooter-bob .22s steps(2) infinite}.obstacle{position:absolute;z-index:4;bottom:31px;left:0;width:42px;height:42px;will-change:transform}.obstacle--cone{width:36px;height:48px}.obstacle--cone i{position:absolute;left:8px;bottom:7px;width:22px;height:40px;display:block;background:var(--orange);border:5px solid var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%)}.obstacle--cone b{position:absolute;right:0;bottom:0;left:0;height:10px;display:block;background:var(--yellow);border:4px solid var(--ink)}.game-message{position:absolute;z-index:20;top:50%;left:50%;width:min(460px,calc(100% - 36px));padding:25px 24px 22px;border:5px solid var(--ink);background:#fff7dcf0;color:var(--ink);text-align:center;box-shadow:9px 9px #17112773;transform:translate(-50%,-55%)}.game-message[hidden]{display:none}.power-toast{position:absolute;z-index:30;top:26%;left:50%;width:max-content;max-width:calc(100% - 28px);padding:10px 15px 9px;border:4px solid var(--ink);background:var(--yellow);color:var(--ink);opacity:0;visibility:hidden;text-align:center;box-shadow:6px 6px #1711276b;transform:translate(-50%,-50%)}.power-toast.is-visible{opacity:1;visibility:visible;animation:power-pop .42s steps(4) both}.power-toast span,.power-toast strong{display:block}.power-toast span{margin-bottom:5px;color:var(--orange-dark);font:400 .43rem/1 var(--pixel)}.power-toast strong{font:400 clamp(.5rem,1.35vw,.72rem) / 1.35 var(--pixel)}.game-message span,.game-message strong{display:block}.game-message__tag{margin-bottom:12px;color:var(--orange-dark);font:400 .54rem/1 var(--pixel)}.game-message strong{font:400 clamp(1rem,3vw,1.65rem) / 1.3 var(--pixel)}#message-copy{margin-top:13px;font-size:1.15rem}.pixel-button{margin-top:17px;padding:13px 16px 11px;border:4px solid var(--ink);border-radius:0;background:var(--lime);color:var(--ink);cursor:pointer;font:400 .6rem/1 var(--pixel);box-shadow:5px 5px 0 var(--ink)}.pixel-button:hover{background:var(--yellow);transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}.pixel-button:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}.pixel-button:focus-visible,a:focus-visible{outline:4px solid var(--lime);outline-offset:5px}.arcade-shell[data-game-state=won] .game-screen{animation:victory-flash .75s steps(2) 3}.arcade-shell__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.arcade-shell__controls{min-height:58px;padding:12px clamp(16px,3vw,28px);display:flex;align-items:center;gap:clamp(18px,3vw,40px);color:#c8bdd9;text-align:center;font:400 .5rem/1.6 var(--pixel)}.unlock-button{min-width:292px;padding:14px 22px;border-left:5px solid var(--cream);display:flex;align-items:center;justify-content:center;gap:11px;background:#352947;color:#9b8cac;cursor:not-allowed;text-decoration:none;font:400 .54rem/1.5 var(--pixel)}.unlock-button__icon{color:var(--yellow);font-size:.8rem}.unlock-button[data-unlocked=true]{background:var(--lime);color:var(--ink);cursor:pointer;animation:unlocked-pulse .7s steps(2) infinite}.unlock-button[data-unlocked=true] .unlock-button__icon{color:var(--orange-dark)}.unlock-button[data-unlocked=true]:hover{background:var(--yellow)}kbd{padding:5px 7px;border:2px solid #9f91b4;background:var(--ink);color:var(--cream);font:inherit;box-shadow:2px 2px #9f91b4}.arcade-shell__mobile{display:none}.level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.level-card{min-height:260px;padding:clamp(24px,4vw,42px);border:5px solid var(--cream);display:flex;flex-direction:column;color:var(--cream);text-decoration:none;box-shadow:10px 10px 0 var(--purple);transition:transform .12s steps(2),box-shadow .12s steps(2)}.level-card:hover{transform:translate(-4px,-4px);box-shadow:14px 14px 0 var(--orange)}.level-card--quiet{color:#c9bdd9;background:#21182f;border-color:#7b6b91}.level-card--power{border-color:var(--ink);background:var(--orange);color:var(--ink);box-shadow:10px 10px 0 var(--yellow)}.level-card__number{color:var(--yellow);font:400 .57rem/1 var(--pixel)}.level-card--power .level-card__number{color:var(--cream)}.level-card strong{margin:38px 0 auto;font:400 clamp(1.25rem,2.8vw,2.2rem) / 1.3 var(--pixel)}.level-card__bottom{margin-top:42px;display:flex;align-items:end;justify-content:space-between;gap:20px;font-size:1.35rem}.level-card__arrow{font:400 1.4rem/1 var(--pixel)}footer{min-height:112px;padding:32px 0;border-top:4px solid var(--cream);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#a999bd;font:400 .48rem/1.6 var(--pixel)}@keyframes scooter-bob{50%{margin-bottom:2px}}@keyframes victory-flash{50%{filter:saturate(1.5) brightness(1.18)}}@keyframes power-pop{0%{opacity:0;transform:translate(-50%,calc(-50% - 12px)) scale(.84)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes unlocked-pulse{50%{box-shadow:inset 0 0 0 5px var(--cream)}}@media(max-width:800px){.section-heading__note{display:none}.arcade-shell__topbar{grid-template-columns:auto minmax(110px,1fr) auto;gap:10px}.arcade-shell__footer{grid-template-columns:1fr}.arcade-shell__controls{justify-content:center}.unlock-button{min-width:0;min-height:58px;border-top:4px solid var(--cream);border-left:0}.level-grid{grid-template-columns:1fr}}@media(max-width:560px){main,footer{width:min(100% - 24px,1180px)}.hero{padding:28px 0 54px}h1{font-size:clamp(.8rem,4vw,1.35rem);line-height:1.4;text-shadow:2px 2px 0 var(--deep)}.section-heading{align-items:start}.arcade-shell{border-width:4px;box-shadow:8px 8px 0 var(--orange)}.arcade-shell__topbar{min-height:70px;font-size:.78rem}.game-screen{height:280px}.player{left:2%;width:108px}.game-message{padding-inline:15px;border-width:4px}.arcade-shell__controls>span:not(.arcade-shell__mobile){display:none}.arcade-shell__mobile{display:block}.unlock-button{padding-inline:12px;font-size:.48rem}.level-card{min-height:230px}footer{min-height:140px;flex-direction:column;justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.arcade-shell[data-game-state=running] .player,.arcade-shell[data-game-state=won] .game-screen,.unlock-button[data-unlocked=true],.power-toast.is-visible{animation:none}}