:root{--ink:#233f3e;--muted:#627573;--paper:#fff9eafa;--orange:#d9572c;--mint:#d6ead3;--line:#274b3d25;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#bfdad2;color:var(--ink);font-family:Bahnschrift,"Trebuchet MS",sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #087b8a;outline-offset:4px}button{border:0}button:hover:not(:disabled){filter:brightness(1.06)}[hidden]{display:none!important}#game{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;outline:none}#world{width:100%;height:100%;display:block;touch-action:none}.topbar{position:absolute;top:0;left:0;width:100%;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:4;background:linear-gradient(#fff9eaa0,transparent)}.wordmark{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:2px;font-size:16px;line-height:1.1}.wordmark b{font-weight:400}.wordmark small{display:block;font-size:8px;letter-spacing:2.5px;margin-top:5px}.sun-mark{font-size:46px;line-height:1;color:var(--orange)}nav{display:flex;gap:7px}nav button{border:1px solid #fff8;border-radius:20px;padding:10px 14px;background:#fff9ead9;font-size:12px;font-weight:700;box-shadow:0 2px 10px #24483e08}#overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;padding:86px 5vw 22px;background:linear-gradient(90deg,#f9f2eafa 0%,#f9f2eae6 28%,#f9f2ea80 45%,transparent 66%);overflow:auto;overscroll-behavior:contain}.panel{width:min(510px,100%)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;margin:0 0 16px;color:#6d8176}h1{font-family:Georgia,serif;font-size:clamp(44px,5.5vw,78px);line-height:.99;letter-spacing:-3.5px;font-weight:400;margin:0 0 18px}h1 em{color:var(--orange);font-weight:400}.intro{font-size:14px;line-height:1.65;margin:0 0 23px}.trip-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;font-weight:800;margin-bottom:9px}.trip-label span:last-child{color:var(--muted)}.routes{display:flex;gap:7px}.route-card{flex:1;min-width:0;border:1px solid var(--line);border-radius:13px;background:#fff8;padding:11px 3px 9px;display:flex;align-items:center;flex-direction:column;gap:4px;font-size:9px;font-weight:700}.route-card[aria-pressed=true]{background:var(--ink);color:#fff6db;border-color:var(--ink)}.route-card .number{font-family:Georgia,serif;font-size:26px;font-style:italic;font-weight:400}.route-card .badge{height:11px;font-size:9px;letter-spacing:2px;color:#d77837}.route-card:disabled{opacity:.5}.route-description{display:flex;flex-direction:column;gap:5px;margin-top:12px;font-size:12px;min-height:43px}.route-description span{color:var(--muted);font-size:11px}.garage-foot{display:flex;justify-content:space-between;gap:10px;font-size:9px;line-height:1.5;padding:12px 0;color:var(--muted)}.primary,.secondary{border-radius:13px;width:100%;padding:15px 18px;text-align:center;font-weight:800;font-size:15px}.primary{background:var(--orange);color:#fff9e8;box-shadow:0 4px 0 #a74328}.primary span{float:right}.secondary{background:#e6e9d9;margin-top:12px;border:1px solid #53665722}.text-button{background:none;text-decoration:underline;text-underline-offset:4px;padding:15px;font-size:12px}.howto{font-size:10px;line-height:1.6;color:var(--muted);margin-top:16px}.howto p{margin:4px 0}.howto b{color:var(--ink)}.easy{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:12px}.easy input{accent-color:var(--orange);width:17px;height:17px}.easy span{font-size:10px;color:var(--muted)}.compact{margin:auto;max-width:420px;border:1px solid #fff9;padding:30px;background:var(--paper);border-radius:25px;box-shadow:0 20px 80px #1f454433;text-align:center}.compact h2{font:italic 42px/1.05 Georgia,serif;letter-spacing:-1.5px;margin:16px 0;color:var(--ink)}.compact p:not(.eyebrow){font-size:14px;line-height:1.6;color:var(--muted)}#overlay:has(.compact:not([hidden])){background:#254d3f55;backdrop-filter:blur(5px)}.result-stars{font-size:34px;letter-spacing:10px;color:var(--orange)}.reward{font-size:12px;line-height:1.5;padding:14px;border:1px dashed #80997d;background:#dfebd8;border-radius:12px;margin-bottom:19px}.reward:empty{display:none}#hud{position:absolute;top:92px;left:28px;right:28px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.route-hud{padding:15px 18px;background:#fff9eaea;border-radius:15px;width:290px;box-shadow:0 6px 25px #20433d15}.route-hud small{display:block;font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-bottom:6px}.route-hud strong{font:italic 23px Georgia,serif}.progress-track{position:relative;height:5px;border-radius:4px;background:#cad7c6;margin:13px 0 8px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--orange);width:0}.progress-track span{position:absolute;top:0;height:5px;width:2px;background:#fff9e8;left:25%}.progress-track span:nth-of-type(2){left:50%}.progress-track span:nth-of-type(3){left:75%}.hud-detail{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.stats{display:flex;gap:24px;background:#fff9eae8;border-radius:15px;padding:15px 20px}.stats small{display:block;font-size:8px;letter-spacing:1.2px;margin-bottom:5px;color:var(--muted)}.stats strong{font-size:25px;font-weight:500}.stats #health{color:var(--orange);font-size:19px;white-space:nowrap;line-height:30px}#toast{position:absolute;top:224px;left:50%;transform:translateX(-50%);background:#234d42ec;color:#fff5dc;border-radius:20px;padding:10px 20px;font-size:12px;white-space:nowrap;max-width:95%;text-align:center;pointer-events:none;box-shadow:0 4px 16px #214c4120}#toast:empty{display:none}#turn-hint{position:absolute;top:50%;right:28px;display:flex;align-items:center;gap:10px;background:#fff8eade;border-radius:13px;padding:10px 16px;font-size:11px;color:var(--ink);pointer-events:none}#turn-icon{font-size:28px}#controls{position:absolute;bottom:calc(30px + var(--safe-bottom));left:28px;right:28px;display:flex;justify-content:space-between;gap:16px;z-index:2;pointer-events:none}.steering,.pedals{display:flex;gap:10px;pointer-events:auto}#controls button{touch-action:none;user-select:none;-webkit-user-select:none;width:80px;height:68px;background:#fff9eae8;border:1px solid #fff7;border-radius:19px;box-shadow:0 5px 0 #294c3b33;font-size:36px;font-weight:600}#controls button.held{transform:translateY(3px);box-shadow:0 2px 0 #294c3b33;background:#f3b65d}#controls .brake{font-size:12px;width:76px}#controls .gas{font-size:23px;background:#d95c32;color:#fff4db;width:94px;box-shadow:0 5px 0 #993c25}#controls .gas.held{background:#e89b41}#drive-tip{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:9px;color:#fff9e8;text-shadow:0 1px 3px #234;white-space:nowrap}#unsupported{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}
@media(min-width:900px) and (min-height:800px){.garage{padding-bottom:20px}.howto{font-size:11px}}
@media(max-width:650px){.topbar{padding:12px 15px}.wordmark{font-size:12px;gap:5px;letter-spacing:1px}.wordmark small{font-size:6px;letter-spacing:1.7px}.sun-mark{font-size:33px}nav{gap:4px}nav button{font-size:10px;padding:9px 10px}#fullscreen{display:none}#overlay{align-items:flex-start;padding:85px 22px 25px;background:linear-gradient(180deg,#f9f2eae8,#f9f2eadf 70%,#f9f2eab5);}.garage{max-width:450px;margin:auto}h1{font-size:53px;letter-spacing:-2.4px;margin-bottom:15px}.eyebrow{font-size:9px;margin-bottom:13px}.intro{font-size:12px;margin-bottom:20px}.route-card{padding:8px 2px}.route-card .number{font-size:24px}.howto{font-size:9px;margin-top:14px}.garage-foot{font-size:8px}.easy{margin-top:10px;font-size:10px}.easy span{font-size:9px}.compact{padding:26px 23px;margin:auto}.compact h2{font-size:36px}#hud{left:14px;right:14px;top:73px;gap:8px;flex-direction:column}.route-hud{width:100%;padding:11px 14px}.route-hud strong{font-size:22px}.route-hud small{font-size:8px;float:right;margin-top:5px}.progress-track{margin:9px 0 6px}.stats{gap:18px;padding:9px 14px;align-self:flex-end}.stats strong{font-size:20px}.stats small{font-size:7px}.stats #health{font-size:15px;line-height:23px}#toast{top:257px;font-size:10px;padding:9px 13px;white-space:normal;width:max-content;max-width:90%}#turn-hint{top:auto;bottom:128px;right:16px;padding:7px 12px;font-size:10px}#turn-icon{font-size:22px}#controls{left:14px;right:14px;bottom:calc(26px + var(--safe-bottom));gap:8px}.steering,.pedals{gap:7px}#controls button{width:61px;height:66px;border-radius:16px;font-size:29px}#controls .brake{width:61px;font-size:10px}#controls .gas{width:71px;font-size:21px}}
@media(max-height:650px) and (min-width:651px){#overlay{padding:78px 4vw 16px;align-items:flex-start}.garage{max-width:490px}h1{font-size:44px}.intro{margin-bottom:12px;font-size:12px}.eyebrow{margin-bottom:9px}.howto{font-size:9px;margin-top:12px}.route-card{padding:5px}.route-card .number{font-size:22px}.garage-foot{padding:7px 0}.route-description{margin-top:8px;min-height:35px}.primary,.secondary{padding:12px 16px}.compact{max-width:430px;padding:20px}.compact h2{font-size:32px}.compact p:not(.eyebrow){font-size:12px}.topbar{padding:12px 22px}#hud{top:72px;left:22px;right:22px}.route-hud{padding:10px 14px;width:260px}.stats{padding:10px 16px}.stats strong{font-size:20px}.stats #health{font-size:16px;line-height:24px}#toast{top:174px;font-size:10px}#controls{bottom:22px;left:22px;right:22px}#controls button{height:53px;width:66px}#controls .gas{width:82px}#turn-hint{top:auto;bottom:95px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}