@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=Bricolage+Grotesque:wght@700;800&display=swap";:root{--ink:#17202a;--ink-soft:#55636f;--paper:#f3f1ec;--panel:#fff;--line:#e0dbd2;--line-2:#cfc8bc;--yellow:#ffc400;--yellow-deep:#d19f00;--blue:#2e6be6;--good:#16a06b;--bad:#d93a2b;--display:"Bricolage Grotesque", Georgia, serif;--body:"Archivo", system-ui, -apple-system, sans-serif;--shadow-sm:0 1px 2px #17202a14;--shadow-md:0 6px 20px #17202a1f;--shadow-lg:0 18px 50px #17202a38}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}button{font-family:var(--body);color:inherit;cursor:pointer;background:0 0;border:none;font-size:1rem}button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.go{background:var(--yellow);color:#241a00;box-shadow:0 4px 0 var(--yellow-deep), var(--shadow-md);border-radius:999px;padding:.8rem 2.1rem;font-size:1.1rem;font-weight:700;transition:transform 80ms,box-shadow 80ms}.go:active:not(:disabled){box-shadow:0 1px 0 var(--yellow-deep);transform:translateY(3px)}.go:disabled{opacity:.45;cursor:default}.ghost{border:1.5px solid var(--line-2);background:#ffffffeb;border-radius:999px;padding:.5rem 1.1rem;font-weight:600}.ghost.small{padding:.35rem .85rem;font-size:.85rem}.linky{color:var(--ink-soft);font-size:.82rem;text-decoration:underline}.linky.center{margin:.8rem auto 0;display:block}.onboard{background:radial-gradient(circle at 50% 0%, #fff 0%, var(--paper) 62%);place-items:center;min-height:100%;padding:2rem 1.2rem;display:grid}.onboard-inner{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:min(30rem,100%);display:flex}.eyebrow{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:600}.onboard-inner h1{font-family:var(--display);letter-spacing:-.03em;margin:0 0 .4rem;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:800;line-height:1.02}.name-input{width:100%;font-family:var(--display);text-align:center;border:2px solid var(--line-2);background:var(--panel);color:var(--ink);box-shadow:var(--shadow-sm);border-radius:16px;padding:.8rem 1rem;font-size:1.6rem;font-weight:700}.name-input.small{text-align:left;margin-top:.8rem;padding:.55rem .9rem;font-size:1.15rem}.name-input::placeholder{color:#b6afa3;font-weight:700}.onboard-stage{width:min(48rem,100%)}.mascot{align-items:flex-end;gap:.9rem;display:flex}.mascot-art{flex:none;animation:3.4s ease-in-out infinite bob}.mascot-art img{image-rendering:pixelated;width:100%;height:auto;display:block}.mascot-lg .mascot-art{width:150px}.mascot-md .mascot-art{width:112px}.mascot-sm .mascot-art{width:80px}.mascot-missing{aspect-ratio:2/3;border:2px dashed var(--line-2);width:100%;color:var(--ink-soft);text-align:center;background:#ffffffb3;border-radius:10px;place-items:center;padding:.3rem;font-size:.7rem;display:grid}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.bubble{background:var(--panel);border:2px solid var(--ink);border-radius:18px;flex:1;min-width:0;padding:1rem 1.1rem 1.1rem;position:relative;box-shadow:5px 5px #17202a24}.bubble:before{content:"";background:var(--panel);border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);width:18px;height:18px;position:absolute;bottom:26px;left:-11px;transform:rotate(45deg)}.bubble-title{font-family:var(--display);margin:0 0 .25rem;font-size:1.15rem;font-weight:800}.bubble-text{color:#2b3742;white-space:pre-wrap;margin:0}.mascot-lg .bubble-text{font-size:1.15rem}.mascot-sm .bubble-text{font-size:.92rem;line-height:1.45}.caret{background:var(--ink);vertical-align:-.16em;width:.55em;height:1.05em;margin-left:2px;animation:.9s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.bubble-next{background:var(--ink);color:#fff;border-radius:999px;margin-top:.8rem;padding:.5rem 1.3rem;font-weight:600}.garage{flex-direction:column;height:100%;display:flex}.top{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.1rem;display:flex}.brand{font-family:var(--display);align-items:center;gap:.55rem;font-size:1.1rem;font-weight:800;display:flex}.brand-mark{background:var(--yellow);width:16px;height:16px;box-shadow:inset 0 0 0 2px var(--ink);border-radius:4px}.vehicle-switch{background:var(--paper);border:1px solid var(--line);border-radius:999px;gap:.35rem;padding:.25rem;display:flex}.switch{color:var(--ink-soft);border-radius:999px;padding:.4rem 1.3rem;font-weight:600}.switch.on{background:var(--ink);color:#fff}.scores{align-items:center;gap:1rem;display:flex}.score{flex-direction:column;line-height:1.15;display:flex}.score-label{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;font-size:.66rem}.score-value{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800}.workspace{flex:1;grid-template-columns:1fr 22rem;min-height:0;display:grid}.viewport{background:#bfe3f5;min-height:0;position:relative}.viewport canvas{display:block}.viewport-hud{pointer-events:none;flex-wrap:wrap;gap:.5rem;display:flex;position:absolute;top:.9rem;left:.9rem}.chip{box-shadow:var(--shadow-sm);background:#fffffff0;border-radius:12px;flex-direction:column;padding:.35rem .8rem;line-height:1.2;display:flex}.chip.good{box-shadow:inset 0 0 0 1.5px var(--good), var(--shadow-sm);background:#e6f8f0}.chip.bad{box-shadow:inset 0 0 0 1.5px var(--bad), var(--shadow-sm);background:#fdeceb}.chip-label{color:var(--ink-soft);letter-spacing:.03em;font-size:.68rem}.chip-value{font-family:var(--display);font-size:1.05rem;font-weight:800}.viewport-corner{gap:.4rem;display:flex;position:absolute;top:.9rem;right:.9rem}.mascot-dock{pointer-events:none;width:min(31rem,100% - 2rem);position:absolute;bottom:1rem;left:1rem}.mascot-dock .bubble{pointer-events:auto}.run-btn{position:absolute;bottom:1.4rem;right:1.2rem}.panel{background:var(--panel);border-left:1px solid var(--line);padding:1rem 1rem 3rem;overflow-y:auto}.panel-lead{color:var(--ink-soft);margin:0 0 1rem;font-size:.92rem}.slot{border:1.5px solid var(--line);border-radius:16px;margin-bottom:.65rem;transition:border-color .15s;overflow:hidden}.slot.open{border-color:var(--ink)}.slot-head{text-align:left;grid-template-columns:1fr auto 1rem;align-items:center;gap:.6rem;width:100%;padding:.85rem .95rem;display:grid}.slot-name{font-family:var(--display);font-size:1.05rem;font-weight:700}.slot-current{color:var(--ink-soft);font-size:.86rem}.chev{border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);width:9px;height:9px;transition:transform .18s;transform:rotate(45deg)translate(-2px,-2px)}.slot.open .chev{transform:rotate(-135deg)translate(-2px,-2px)}.slot-body{padding:0 .95rem .95rem}.slot-why{color:var(--ink-soft);margin:0 0 .7rem;font-size:.85rem}.options{flex-direction:column;gap:.45rem;display:flex}.option{text-align:left;border:1.5px solid var(--line);background:var(--paper);border-radius:12px;flex-direction:column;gap:.15rem;padding:.65rem .8rem;transition:transform 80ms,border-color .12s;display:flex}.option:hover{border-color:var(--line-2);transform:translate(2px)}.option.on{border-color:var(--yellow-deep);background:#fff8e0}.option-name{font-weight:600}.option-stats{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.76rem}.levels{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.lvl{border:1.5px solid var(--line-2);width:2.1rem;height:2.1rem;font-family:var(--display);color:var(--ink-soft);background:var(--paper);border-radius:10px;font-size:.95rem;font-weight:800}.lvl.done{border-color:var(--good);color:var(--good);background:#d8f6e8}.lvl.on{background:var(--ink);border-color:var(--ink);color:#fff}.lvl.locked{opacity:.35;cursor:not-allowed}.lvl.free{width:auto;padding:0 .8rem;font-size:.85rem}.purse{border:2px solid var(--ink);background:#fffdf5;border-radius:16px;margin-bottom:1rem;padding:.8rem .9rem;box-shadow:4px 4px #17202a1f}.purse-row{justify-content:space-between;align-items:baseline;font-size:.9rem;display:flex}.purse-row strong{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800}.purse-row.left{border-top:1.5px dashed var(--line-2);margin-top:.35rem;padding-top:.35rem}.purse-row.left strong{color:var(--good)}.purse-row.left.zero strong{color:var(--bad)}.coins{flex-wrap:wrap;gap:3px;margin-top:.6rem;display:flex}.coin{background:var(--yellow);width:13px;height:13px;box-shadow:inset 0 0 0 1.5px var(--yellow-deep);border-radius:50%}.coin.used{background:#e6e2d8;box-shadow:inset 0 0 0 1.5px #cfc8bc}.vehicle-switch.full{width:100%;margin-bottom:1rem}.vehicle-switch.full .switch{flex:1}.option-top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.option-cost{font-family:var(--display);color:var(--yellow-deep);font-size:1rem;font-weight:800}.option.broke{opacity:.45}.slot-current em{font-style:normal;font-family:var(--display);color:var(--yellow-deep);margin-left:.3rem;font-weight:800}.chip.goal{box-shadow:inset 0 0 0 1.5px var(--yellow-deep), var(--shadow-sm);background:#fff4d0}@media (width<=900px){.workspace{grid-template-rows:56vh auto;grid-template-columns:1fr}.panel{border-left:none;border-top:1px solid var(--line)}.mascot-dock{width:calc(100% - 2rem)}.mascot-sm .mascot-art{width:58px}.run-btn{padding:.7rem 1.5rem;font-size:1rem;bottom:1rem;right:1rem}.top{flex-wrap:wrap;gap:.6rem}.scores{gap:.75rem}.levels{order:3;justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.mascot-art,.caret{animation:none}.go,.option,.chev{transition:none}}