:root{--navy: #102870;--sky: #78c8f8;--yellow: #fce874;--red: #e40058;--blue: #5c94fc;--green: #40e878;--white: #fcfcfc;--ink: #181028}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:linear-gradient(180deg,#102870,#2868a0 40%,#78c8f8);color:var(--white);font-family:Fredoka,system-ui,sans-serif;user-select:none;-webkit-user-select:none}button{font-family:inherit;cursor:pointer;border:4px solid var(--ink);border-radius:14px}.app{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:max(8px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));gap:10px}.top{display:flex;gap:8px}.tiny{min-width:52px;min-height:52px;font-size:28px;background:var(--yellow)}.gallery,.hub{flex:1;display:flex;flex-direction:column;gap:12px;align-items:center}.tabs,.row,.bank,.strip,.plan,.grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tab,.chip,.cmd,.driver-card,.go-btn,.swatch{min-width:72px;min-height:72px;font-size:32px;background:var(--white);color:var(--ink)}.tab.is-on,.chip.is-on,.go-btn{background:var(--yellow);box-shadow:0 0 0 4px var(--blue)}.driver-card{width:88px;height:88px}.brick-face{font-size:40px;line-height:1}.grid{max-width:420px}.mixer{display:flex;flex-direction:column;align-items:center;gap:10px}.mix-preview{display:flex;gap:8px;padding:12px 20px;border:4px solid var(--ink);border-radius:16px;font-size:40px}.swatch{width:48px;min-width:48px;height:48px}.hub h1{font-size:64px;margin:12px 0}.go-btn.gokart{background:var(--red);color:var(--white)}.plan-step{position:relative;width:72px;height:72px;display:grid;place-items:center;background:#2868a0;border:4px solid var(--ink);border-radius:12px;font-size:32px}.plan-step.is-next{background:var(--yellow);color:var(--ink);transform:scale(1.08)}.plan-step.is-done{background:var(--green)}.bulldozer{position:absolute;right:-10px;bottom:-14px;font-size:28px}.ride-world{flex:1 1 38%;min-height:168px;max-height:46vh;position:relative;overflow:hidden;border:4px solid var(--ink);border-radius:18px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 6px #0b1c4a}.ride-world.is-crash .sky{background:linear-gradient(180deg,#e40058,#78c8f8 70%)}.sky{position:absolute;inset:0 0 24%;background:radial-gradient(ellipse 80% 70% at 18% 30%,rgba(255,255,255,.45),transparent 60%),linear-gradient(180deg,#3a6adf,#7ec8f8 52%,#c8ec9a)}.sun{position:absolute;top:10%;right:12%;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6c4,#fce874 55%,#f0b020);box-shadow:0 0 0 8px #fce87447}.cloud{position:absolute;display:block;width:64px;height:22px;background:#fff;border-radius:20px;opacity:.85;box-shadow:18px 6px 0 -4px #fff,-16px 4px 0 -6px #fff}.cloud.c1{top:12%;left:8%}.cloud.c2{top:22%;right:18%;width:80px}.cloud.c3{top:8%;left:48%;opacity:.6}.hills{position:absolute;left:-8%;right:-8%;bottom:20%;height:30%;background:radial-gradient(ellipse 42% 90% at 22% 100%,#3fa85a 0 70%,transparent 71%),radial-gradient(ellipse 50% 100% at 78% 100%,#2f8f48 0 72%,transparent 73%)}.grass{height:16px;flex-shrink:0;background:repeating-linear-gradient(90deg,#3cb85a 0 10px,#2f9a48 10px 18px);border-top:4px solid var(--ink);z-index:2}.track-line{position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:stretch;gap:0;padding:0 6px 4px;min-height:92px}.seg{position:relative;flex:1 1 0;min-width:0;height:64px;display:grid;place-items:end center}.seg-bed{position:absolute;left:-1px;right:-1px;bottom:8px;height:22px;background:linear-gradient(#d8e0ea 0 3px,transparent 3px 7px,#d8e0ea 7px 10px,transparent 10px),repeating-linear-gradient(90deg,#6b4423 0 7px,#c4a574 7px 14px);background-color:#5a3a22;border-top:2px solid #3d2414;z-index:0}.ride-world.is-kart .seg-bed{height:18px;background:repeating-linear-gradient(90deg,#3a3a44 0 10px,#fce874 10px 14px,#3a3a44 14px 24px);border-top:2px solid #181028}.seg.is-gap .seg-bed{background:none;border:0;box-shadow:none}.seg.is-gap .seg-bed:before,.seg.is-gap .seg-bed:after{content:"";position:absolute;bottom:0;width:10px;height:22px;background:linear-gradient(#d8e0ea 0 3px,transparent 3px 7px,#d8e0ea 7px 10px,transparent 10px),#5a3a22}.seg.is-gap .seg-bed:before{left:0}.seg.is-gap .seg-bed:after{right:0}.pit{display:block;width:72%;height:28px;margin-bottom:6px;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#4a2e18,#12080a 72%);box-shadow:inset 0 8px 10px #0000008c,0 0 0 3px #3d2414;z-index:1}.seg-art{position:relative;z-index:1;width:112%;max-width:none;height:58px;object-fit:cover;object-position:center 70%;margin:0 -6%;filter:drop-shadow(0 3px 0 rgba(0,0,0,.2))}.seg-start .seg-art,.seg.is-start .seg-art{object-fit:contain;height:62px}.seg.is-building{height:108px}.seg.is-building .seg-art{height:104px;object-fit:contain;object-position:center bottom;width:100%;margin:0}.seg-gate .seg-art,.seg-bend .seg-art{object-fit:contain;height:70px}.seg.is-open .seg-art{transform:translateY(-10px) rotate(-18deg);transform-origin:left bottom}.seg.is-bend-ghost .seg-art{opacity:.38;filter:grayscale(.35)}.seg.is-on .seg-bed{opacity:1}.seg.has-train{z-index:4}.program{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.strip{min-height:80px;padding:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;background:linear-gradient(#2a2038,#181028);border:3px solid var(--ink);border-radius:14px}.cmd.is-placed{background:var(--green)}.cmd.is-slot{background:var(--blue);opacity:.55}.cmd.is-done{outline:3px solid var(--yellow)}.cmd.is-now{transform:scale(1.08)}.cmd.is-hint{box-shadow:0 0 0 4px var(--yellow);background:var(--yellow)}.cmd.play{background:var(--green);color:var(--ink);font-size:36px}.cmd.play:disabled{opacity:.4}.cmd.undo{background:var(--red);color:var(--white)}.goal-tag{margin:0;text-align:center;font-size:22px;font-weight:700}.fail-banner{margin:0;text-align:center;font-size:40px}.ride-world.is-crash{filter:none}.loco.is-crash{animation:fall .6s forwards}.kart-preview.is-crash{filter:saturate(.4)}.fail-face{font-size:40px}@keyframes fall{to{transform:translate(-50%) translateY(40px) rotate(24deg);opacity:.2}}.is-shake{animation:shake .4s}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.kart-preview{display:flex;justify-content:center;gap:12px;font-size:40px}.kart-preview span{opacity:.35}.kart-preview span.is-on{opacity:1}.race,.win{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:48px}.kart{font-size:56px;animation:lap 3.2s linear 1}@keyframes lap{0%{transform:translate(-40vw)}to{transform:translate(40vw)}}.tab-img,.driver-img,.mix-img,.mix-thumb,.cmd-img,.plan-img,.tiny-img,.cell-img,.seg-art,.loco-img,.loco-face,.bull-img,.hub-hero,.kart-build{display:block;object-fit:contain;image-rendering:auto}.tab-img,.mix-thumb,.cmd-img,.plan-img,.tiny-img{width:56px;height:56px}.driver-img{width:72px;height:72px}.mix-img{width:64px;height:64px}.hub-hero{width:min(48vw,220px);height:auto}.cmd{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 6px 8px;box-shadow:0 5px 0 var(--ink)}.cmd:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.cmd-label{font-size:11px;font-weight:700;line-height:1}.mission{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 14px;background:linear-gradient(#fffdf4,#f0e2b8);border:4px solid var(--ink);border-radius:18px;color:var(--ink);align-self:center;box-shadow:0 5px #c9b37a,0 8px 0 var(--ink)}.mission-go{font-size:18px;font-weight:700}.mission-goal{width:64px;height:64px;object-fit:contain}.hand{font-size:18px;font-weight:700;background:var(--yellow);border:3px solid var(--ink);border-radius:999px;padding:2px 10px}.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(92vw,440px)}.mission-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 12px;background:linear-gradient(#fff,#eef6ff);color:var(--ink);min-height:128px;box-shadow:0 6px 0 var(--ink)}.mission-card:active{transform:translateY(3px);box-shadow:0 3px 0 var(--ink)}.mission-img{width:96px;height:76px;object-fit:contain}.mission-title{font-size:16px;font-weight:700}.loco{position:absolute;left:50%;bottom:26px;display:grid;place-items:center;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25));animation:loco-idle 1.6s ease-in-out infinite;z-index:5}@keyframes loco-idle{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.loco.is-paused{filter:saturate(1.4) drop-shadow(0 4px 0 rgba(0,0,0,.25));animation:none}.loco-img{width:88px;height:58px}.loco-face{position:absolute;width:28px;height:28px;top:-6px}.bull-img{width:40px;height:40px}.kart-build{width:120px;height:80px;opacity:.35}.kart-build.is-on{opacity:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}