:root{color-scheme:dark;--ink:#122135;--night:#0c1c2d;--mint:#c0ff4b;--orange:#ffb652;--text:#f4f6f9;--muted:#b8c6d1}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0b2030;color:var(--text);font:600 14px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif;overscroll-behavior:none}button{font:900 13px/1.1 system-ui,sans-serif;cursor:pointer;border:0;touch-action:manipulation;transition:transform .12s,background .12s;user-select:none;color:inherit}button:active{transform:scale(.97)}button:focus-visible{outline:3px solid #fff;outline-offset:2px}#app{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}#world{position:absolute;width:100%;height:100%;inset:0;display:block;background:#17324a} .grain{position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#fff4 1px,transparent 1px);background-size:18px 18px;z-index:1}.topbar{position:absolute;z-index:16;inset:0 0 auto;height:55px;display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:linear-gradient(180deg,#091724ed,#091724a8 80%,transparent);gap:8px}.brand{display:flex;align-items:center;gap:7px;font-size:9px;line-height:1.06;letter-spacing:.8px}.brand b{font-size:14px;color:var(--mint)}.brandmark{background:var(--mint);color:#142238;border-radius:9px;padding:9px;font-size:18px;box-shadow:0 3px 0 #729521}.headright{display:flex;gap:7px;align-items:center}#money{color:var(--mint);background:#102135eb;border:1px solid #51616a;padding:9px 13px;border-radius:10px;font-size:13px;white-space:nowrap}.smallbtn{width:37px;height:37px;border:1px solid #71829177;background:#102437cc;border-radius:10px;font-size:19px}#pauseBtn{display:none}#hud:not(.hidden)~*{}#hud{position:absolute;z-index:8;top:58px;left:12px;right:12px;pointer-events:none}.stats{display:flex;align-items:center;gap:6px;max-width:fit-content;background:#061c2cce;border:1px solid #ffffff30;box-shadow:0 5px 20px #0006;padding:7px 9px;border-radius:12px;font-size:12px}.stats>*{white-space:nowrap}.stats b{color:var(--mint);font-size:16px}.stats span{background:#28435688;border-radius:6px;padding:4px 6px}.hudbottom{position:absolute;top:47px;left:0;display:flex;gap:5px;font-size:11px}.hudbottom>span{padding:5px 8px;border-radius:7px;background:#082135b8;border:1px solid #ffffff33}#minimap{position:absolute;right:0;top:0;border:2px solid #ffffff6a;background:#122034aa;border-radius:12px;box-shadow:0 4px 15px #0007;max-width:25vw}.hidden,.screen.hidden{display:none!important}#scrim{position:absolute;z-index:9;inset:0;background:linear-gradient(95deg,#061525e8 0%,#091c2bd6 42%,#091c2b72 76%,#071b2a9c 100%);pointer-events:none}#scrim.off{display:none}.panel{position:absolute;z-index:10;top:50%;left:clamp(8px,3vw,36px);transform:translateY(-46%);width:min(620px,calc(100% - 20px));max-height:calc(100% - 68px);display:flex;flex-direction:column;gap:12px;pointer-events:auto;padding:18px 18px 20px;background:linear-gradient(135deg,#0b2034f2,#112f46ec);border:1px solid #93b6c87e;border-radius:23px;box-shadow:0 14px 60px #0008,0 0 0 4px #030d1677;min-height:0}#menu{background:linear-gradient(115deg,#102435f5,#102a3ced)}.eyebrow{font-size:11px;letter-spacing:1.4px;color:var(--mint);font-weight:900}.panelhead h1{font-size:clamp(34px,5vw,69px);line-height:.99;letter-spacing:-2px;margin:10px 0 9px;font-weight:1000;text-shadow:0 4px 0 #0004}.panelhead h1 em{font-style:normal;color:var(--mint)}.panelhead p{margin:0;color:#d1dce7;font-size:clamp(12px,1.25vw,17px);line-height:1.45}.menu-stat{display:flex;gap:12px;border-top:1px solid #ffffff28;border-bottom:1px solid #ffffff28;padding:9px 0;color:#d4e4f4;letter-spacing:.5px;font-size:12px}.actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.actions .primary{grid-column:1/-1}.panel button:not(.return){min-height:43px;border-radius:11px;padding:10px 12px;background:#22445b;border:1px solid #7993a05c}.panel button:hover{background:#2f5975}.panel button.primary{background:var(--mint);color:#102232;border:0;box-shadow:0 4px 0 #87a72e;font-size:16px;letter-spacing:.45px}.panel button.primary:hover{background:#d6ff77}.panel button.bonus{background:#213a55;border:1px solid #7d8d96;color:#e7fafc}.primary b{float:right;font-size:19px}.microcopy{font-size:11px;letter-spacing:.35px;color:#acbac6}.sectiontop{display:flex;justify-content:space-between;align-items:center;gap:8px}.sectiontop h2,.centered h2{margin:3px 0 0;font-size:clamp(25px,4vw,41px);letter-spacing:-1px}.panel .return{border:1px solid #ffffff55;background:#14334c;width:38px;height:38px;border-radius:10px;flex:none;font-size:20px}.sectionintro{color:#c2d5de;margin:0;font-size:12px}.scrollarea{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-width:thin;padding-right:2px}.bottomactions{display:flex;gap:7px;margin-top:auto}.bottomactions>button{flex:1;min-width:0}.upgrade{display:flex;gap:8px;align-items:center;justify-content:space-between;border:1px solid #6682995c;border-radius:12px;background:#0c2942d4;padding:9px;margin-bottom:7px}.upgrade div{flex:1}.upgrade b{font-size:14px}.upgrade small{display:block;font-size:11px;color:#b9cad6;margin:4px 0}.upgrade .levels{letter-spacing:2px;color:var(--mint)}.upgrade button{min-width:93px}.upgrade button:disabled{opacity:.5;cursor:default}.modebar{display:flex;gap:7px}.modebar button{flex:1;min-width:0}.trackgrid{display:grid;align-content:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.trackgrid button{background:#142e44;border:1px solid #6e9ca288;text-align:left;display:flex;flex-direction:column;gap:5px;min-width:0}.trackgrid button small{color:#b6c6d0;line-height:1.1;font-size:11px}.trackgrid button.locked{opacity:.45}.trackgrid button.done{border-color:#a0db55}.trackgrid button strong{color:var(--mint)}.helpgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.helpgrid>div{padding:10px;border:1px solid #ffffff22;border-radius:12px;background:#0e263c}.helpgrid b{color:#ceff7d;font-size:12px}.helpgrid p{font-size:12px;color:#d0d9e4;margin:5px 0 0}.centered{text-align:center;display:flex;flex-direction:column;align-items:stretch;gap:10px;justify-content:center;min-height:0;overflow:auto}.centered h2{font-size:clamp(28px,5vw,52px)}.centered p{font-size:14px;color:#cce0e9;margin:2px 0}.stack{display:grid;gap:8px}.results{padding:12px;border-radius:14px;background:#142e41;border:1px solid #7599a2;color:#eaf7f7;font-size:13px}.results strong{color:var(--mint)}#controls{position:absolute;z-index:8;bottom:clamp(7px,2vh,17px);left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.dpad{display:flex;align-items:center;flex-direction:column;gap:3px}.padrow{display:flex;gap:3px}#controls button{pointer-events:auto;min-width:50px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0c2239c9;color:#fff;border:2px solid #d8e7f37a;box-shadow:0 4px 0 #051322aa;font-size:18px;touch-action:none}#controls button.pressed{background:var(--mint);color:#0b2636}#controls .dash{width:80px;height:75px;border-radius:20px;background:#cbfb4be3;color:#18303c;display:flex;flex-direction:column;gap:0;box-shadow:0 5px 0 #749a26;font-size:27px}#controls .dash small{font-size:11px}#toast{position:absolute;z-index:20;top:62px;left:50%;transform:translate(-50%,-150px);border:1px solid #ecffb5;background:#193d32f5;padding:10px 16px;border-radius:12px;box-shadow:0 5px 30px #0005;font-weight:800;text-align:center;pointer-events:none;transition:transform .3s}#toast.show{transform:translate(-50%,0)}
@media(max-width:680px){.panel{left:50%;transform:translate(-50%,-46%);padding:13px;max-height:calc(100% - 58px);border-radius:16px;gap:8px}.panelhead h1{font-size:clamp(32px,8vw,49px);margin:4px 0 6px}.panelhead p{font-size:12px}.panelhead p br{display:none}.actions{gap:6px}.panel button:not(.return){min-height:39px;padding:7px 5px;font-size:12px}.panel button.primary{font-size:13px}.menu-stat{font-size:10px;gap:7px;padding:6px 0}.microcopy{font-size:9px}.topbar{height:48px;padding:4px 7px}.brand{font-size:8px}.brand b{font-size:11px}.brandmark{font-size:14px;padding:7px}.smallbtn{width:31px;height:31px;font-size:16px}#money{font-size:11px;padding:7px}.headright{gap:4px}#hud{top:50px;left:7px;right:7px}.stats{font-size:10px;padding:4px;gap:3px}.stats b{font-size:13px}.stats span{padding:3px}.hudbottom{top:35px;font-size:10px}#minimap{width:85px;height:66px;max-width:26vw}.trackgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.trackgrid button{font-size:11px}.helpgrid{grid-template-columns:1fr;gap:5px}.helpgrid>div{padding:7px}.helpgrid p{font-size:11px}.sectionintro{font-size:11px}.upgrade{padding:6px}.upgrade small{font-size:10px}#controls button{min-width:45px;height:42px}.dash{min-width:75px!important;height:67px!important}}
@media(max-height:560px){.panel{max-height:calc(100% - 54px);padding:9px 12px;gap:5px;transform:translate(-0%,-43%)}#menu .panelhead h1{font-size:clamp(25px,4.4vw,42px);line-height:.94;margin:2px 0}.panelhead p{font-size:11px;line-height:1.2}.panelhead p br{display:none}.eyebrow{font-size:9px}.menu-stat{padding:4px 0}.panel button:not(.return){min-height:30px;padding:5px 8px}.actions{gap:5px}.microcopy{font-size:9px}.sectiontop h2{font-size:24px}.sectionintro{display:none}.topbar{height:43px}.brandmark{font-size:13px;padding:5px}.topbar .brand b{font-size:11px}.headright .smallbtn{height:29px;width:29px}.headright #money{padding:6px}.scrollarea{max-height:calc(100vh - 153px)}.helpgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.centered{gap:5px}.centered h2{font-size:28px}.centered p{font-size:11px}.results{padding:6px;font-size:12px}.stack{gap:5px}.panel#menu{max-height:calc(100% - 43px)}#controls button{min-width:39px;height:31px;border-radius:9px;font-size:14px}#controls .dash{height:50px!important;width:67px;font-size:20px}#controls .dash small{font-size:9px}.dpad{gap:2px}.padrow{gap:2px}#hud{top:44px}.stats{font-size:9px;padding:3px}.stats b{font-size:12px}.hudbottom{top:28px}}
@media(max-width:680px) and (max-height:560px){.panel{left:50%;transform:translate(-50%,-41%)}.panelhead h1{font-size:clamp(25px,7vw,35px)}#menu .panelhead p{font-size:10px}.menu-stat{font-size:9px}.actions button{font-size:10px!important}.brandmark{display:none}.brand{font-size:7px}.brand b{font-size:9px}}
@media(max-height:390px){#menu .panelhead p,.microcopy,.menu-stat{display:none}.panelhead h1{font-size:clamp(21px,4vw,29px)!important}.panel{max-height:calc(100% - 36px)!important;transform:translate(0,-42%)}.panel#menu .eyebrow{font-size:8px}.panel button:not(.return){min-height:27px;padding:3px 6px}.actions{gap:4px}.centered h2{font-size:23px}.centered p{display:none}}@media(max-width:680px) and (max-height:390px){.panel{transform:translate(-50%,-40%)}}
@media(max-width:480px){#hudStage{display:none}.stats{max-width:calc(100% - 95px)}#hudTime{display:none}.hudbottom #hudBoost{display:none}}
@media(max-width:350px){.hudbottom #hudSpeed{font-size:9px}.hudbottom #hudDeliveries{font-size:9px}}
@media(max-height:390px){.panel{top:50%;transform:translate(0,-50%)}}
@media(max-width:680px) and (max-height:390px){.panel{transform:translate(-50%,-50%)}}