:root{--ink:#0b1d3a;--panel:#091221d6;--line:#ffffff38;--gold:#ffd84d;--teal:#00e0b8;--green:#22c55e;--red:#ef4444}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{background:var(--ink);color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;height:100%;margin:0;font-family:Cairo,Segoe UI,Tahoma,sans-serif;overflow:hidden}button{cursor:pointer;font-family:inherit}.hidden{display:none!important}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#labels{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.sign-bubble{transform-origin:50% 100%;will-change:transform;background:#091221e0;border:2px solid #fff;border-radius:12px;flex-direction:column;align-items:center;padding:3px 8px 2px;display:none;position:absolute;top:0;left:0;box-shadow:0 4px 12px #0006}.sign-bubble:after{content:"";border:7px solid #0000;border-top-color:#fff;border-bottom:0;margin-left:-7px;position:absolute;bottom:-8px;left:50%}.sign-bubble svg{width:42px;height:42px}.rival-tag{pointer-events:none;color:#fff;background:#dc2626;border:2px solid #fff;border-radius:9px;padding:4px 9px;font-size:13px;font-weight:900;line-height:1;display:none;position:absolute;top:0;left:0;box-shadow:0 3px 10px #0006}.sign-bubble span{white-space:nowrap;font-size:13px;font-weight:800;line-height:1.2}.sign-bubble b{background:var(--gold);color:var(--ink);border-radius:10px;padding:0 6px;font-size:12px;position:absolute;top:-8px;left:-8px}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#topbar{top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));align-items:stretch;gap:8px;display:flex;position:absolute}.stat-box{background:var(--panel);border:2px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;min-width:64px;padding:2px 10px;line-height:1.15;display:flex}.stat-box b{color:var(--gold);font-size:22px;font-weight:900}.stat-box small{opacity:.85;font-size:11px}.hud-btn{pointer-events:auto;background:var(--panel);border:2px solid var(--line);color:#fff;border-radius:12px;width:44px;font-size:18px}.hud-btn.off{opacity:.5;background:linear-gradient(135deg, transparent 46%, #ef4444 46%, #ef4444 54%, transparent 54%), var(--panel)}#route{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}#route-track{background:#04502ce6;border:2px solid #fff;border-radius:10px;height:30px;margin:0 14px;position:relative}#route-track:before{content:"";background:#ffffff59;height:3px;position:absolute;top:50%;left:0;right:0}.stop-dot{position:absolute;top:50%;transform:translate(50%,-50%)}.stop-dot i{background:#fff;border:2px solid #04502c;border-radius:50%;width:10px;height:10px;display:block}.stop-dot span{white-space:nowrap;text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%)}#route-van{font-size:22px;transition:right .2s linear;position:absolute;top:-10px;transform:translate(50%)}#next-stop{text-align:center;color:var(--gold);text-shadow:0 1px 3px #000;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;font-size:13px;font-weight:800;overflow:hidden}#side-right{top:74px;right:max(8px, env(safe-area-inset-right));flex-direction:column;gap:6px;width:210px;display:flex;position:absolute}#vibe{flex-direction:row;align-items:center;gap:6px;width:160px}#vibe>div{flex:1}#vibe small{font-size:11px}#vibe-face{font-size:24px}#vibe-bar{background:#ffffff26;border-radius:4px;height:8px;overflow:hidden}#vibe-fill{transform-origin:100%;background:var(--green);width:100%;height:100%;transition:transform .3s,background .3s}.drop{background:#04502ceb;border:2px solid #4ade80;border-radius:10px;padding:3px 8px;font-size:13px;font-weight:700}.drop.urgent{border-color:var(--gold);animation:.6s infinite alternate pulse}@keyframes pulse{to{box-shadow:0 0 0 4px #ffd84d73}}#line-signs{background:var(--panel);border:2px solid var(--line);border-radius:12px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;top:74px;left:8px}#line-signs .cap{color:var(--gold);font-size:11px;font-weight:800}#line-signs.mini{opacity:.85;gap:4px;padding:2px 6px}#line-signs.mini .cap,#line-signs.mini .mini-sign span{display:none}#line-signs.mini .mini-sign svg{width:22px;height:22px}#fps{z-index:60;color:#0f0;pointer-events:none;direction:ltr;background:#0009;border-radius:4px;padding:1px 6px;font:700 11px monospace;position:fixed;bottom:4px;left:50%;transform:translate(-50%)}.mini-sign{flex-direction:column;align-items:center;font-size:10px;font-weight:700;display:flex}.mini-sign svg{width:30px;height:30px}#speech{z-index:20;pointer-events:none;max-width:min(640px,92vw);color:var(--ink);opacity:0;background:#fff;border-radius:18px;align-items:center;gap:10px;padding:8px 16px;transition:opacity .15s,transform .15s;display:flex;position:fixed;top:24%;left:50%;transform:translate(-50%,-10px)scale(.95);box-shadow:0 8px 24px #00000073}#speech.show{opacity:1;transform:translate(-50%)scale(1)}#speech .who{color:#fff;background:#0b6b3a;border-radius:10px;flex:none;padding:2px 10px;font-size:12px;font-weight:900}#speech.rider .who{background:#1d4ed8}#speech.alert .who{background:#b91c1c}#speech .line{font-size:19px;font-weight:800;line-height:1.4}#toasts{z-index:21;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;top:38%;left:50%;transform:translate(-50%)}.toast{text-shadow:0 2px 6px #000;font-size:26px;font-weight:900;animation:1.6s ease-out forwards rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}15%{opacity:1}to{opacity:0;transform:translateY(-50px)}}#flash{opacity:0;pointer-events:none;z-index:30;background:#fff;position:fixed;inset:0}#flash.on{animation:.5s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}#ogra{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:25;border:2px solid var(--gold);background:#091221f0;border-radius:16px;width:min(560px,96vw);padding:8px 12px 10px;transition:transform .25s ease-out;position:fixed;transform:translate(-50%,150%);box-shadow:0 10px 30px #00000080}#ogra.show{transform:translate(-50%)}#ogra-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}#ogra-ask{color:var(--gold);font-size:19px;font-weight:900}#ogra-queue{color:#fca5a5;font-size:12px;font-weight:700}#ogra-detail{opacity:.92;font-size:13px}#ogra-detail b{color:var(--teal)}#ogra-sum{direction:rtl;justify-content:center;align-items:flex-start;gap:8px;margin:4px 0 2px;display:flex}#ogra-sum span{flex-direction:column;align-items:center;line-height:1;display:flex}#ogra-sum b{color:#fff;font-size:24px;font-weight:900}#ogra-sum small{opacity:.75;margin-top:2px;font-size:10px}#ogra-sum i{color:var(--gold);font-size:22px;font-style:normal;font-weight:900;line-height:1}#ogra-sum .ans b{color:var(--teal)}#ogra-guide{border:1px solid var(--teal);background:#00e0b824;border-radius:8px;margin:4px 0;padding:4px 8px;font-size:13px;line-height:1.5}.money.hint{outline:3px solid var(--teal);outline-offset:2px;animation:.7s infinite alternate hintGlow}@keyframes hintGlow{to{outline-color:#fff}}#ogra-hand.over{color:#fca5a5}#ogra-timer{background:#ffffff26;border-radius:3px;height:6px;margin:6px 0;overflow:hidden}#ogra-timer-fill{background:linear-gradient(90deg, var(--red), var(--gold), var(--green));transform-origin:100%;height:100%}#ogra-tray{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.money{color:var(--ink);border:none;flex-direction:column;justify-content:center;align-items:center;font-weight:900;line-height:1;transition:transform 50ms;display:flex;position:relative;box-shadow:0 3px #00000059}.money:active{transform:translateY(2px)scale(.96);box-shadow:0 1px #00000059}.money span{font-size:20px}.money small{font-size:10px}.money kbd{opacity:.6;font-family:inherit;font-size:9px;position:absolute;top:2px;left:4px}.coin{background:radial-gradient(circle at 35% 30%,#fff3b0,#d4a017 60%,#9a7209);border:3px solid #b8860b;border-radius:50%;width:52px;height:52px}.bill{border:2px solid #00000040;border-radius:6px;width:76px;height:50px}.b5{background:linear-gradient(135deg,#9fd6c2,#4f9e86)}.b10{background:linear-gradient(135deg,#f3b2a8,#c8645a)}.b20{background:linear-gradient(135deg,#b9c8f0,#5f75c0)}.b50{background:linear-gradient(135deg,#e6c99a,#b0864a)}#ogra-actions{align-items:center;gap:8px;margin-top:8px;display:flex}#ogra-hand{flex:1;font-size:16px;font-weight:800}#ogra-hand.bump{animation:.15s bump}@keyframes bump{50%{transform:scale(1.08)}}#ogra-clear,#ogra-give{border:none;border-radius:10px;padding:8px 14px;font-size:16px;font-weight:900}#ogra-clear{color:#fff;background:#475569}#ogra-give{background:var(--green);color:var(--ink)}#controls{z-index:24;height:0;position:fixed;inset:auto 0 0}.pad{bottom:max(14px, env(safe-area-inset-bottom));direction:ltr;gap:12px;display:flex;position:fixed}.pad-steer{left:max(14px, env(safe-area-inset-left))}.pad-drive{right:max(14px, env(safe-area-inset-right))}.pad button{color:#fff;touch-action:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0912218c;border:3px solid #ffffffbf;border-radius:50%;width:78px;height:78px;font-size:30px;font-weight:900}.pad button.brake{border-color:#f87171;font-size:16px}.pad button.gas{border-color:#4ade80;font-size:16px}.pad button.pressed{background:#ffffff59;transform:scale(.94)}.horn{left:50%;bottom:max(18px, env(safe-area-inset-bottom));touch-action:none;border:3px solid var(--gold);color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0912218c;border-radius:50%;width:62px;height:62px;font-size:26px;position:fixed;transform:translate(-50%)}@media (max-width:400px){body.upright .pad button{width:58px;height:58px}body.upright .pad{gap:6px}.horn{width:52px;height:52px;font-size:22px}}.horn:active{background:#ffd84d59;transform:translate(-50%)scale(.92)}.splash{z-index:45;cursor:pointer;background:radial-gradient(circle at 50% 40%,#0b1d3a8c,#0b1d3af5);justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}.splash.hidden{opacity:0;display:flex!important}body.splash-up #menu{visibility:hidden}.splash-card{text-align:center;padding:24px}.splash-card h1{color:var(--teal);text-shadow:0 4px 18px #0009;margin:0;font-size:46px;font-weight:900;line-height:1.2}.splash-card h2{color:var(--gold);margin:4px 0 26px;font-size:26px;font-weight:900}.splash-tap{margin:0;font-size:19px;font-weight:800;animation:1.2s ease-in-out infinite alternate tapPulse}@keyframes tapPulse{0%{opacity:.55;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}.screen{z-index:40;touch-action:pan-y;background:linear-gradient(#0b1d3a40,#0b1d3ad9);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.card{border:2px solid var(--teal);text-align:center;background:#091221e6;border-radius:20px;width:min(620px,100%);margin:auto;padding:18px 22px;box-shadow:0 20px 60px #00000080}.card.narrow{width:min(360px,100%)}.card h1{color:var(--teal);margin:0;font-size:40px;font-weight:900;line-height:1.2}.card h2{color:var(--gold);margin:0 0 6px;font-size:24px;font-weight:900}.tagline{margin:4px 0 10px;font-size:15px}.howto{text-align:right;margin:0 0 10px;padding:0 18px 0 0;font-size:14px;line-height:1.75}.howto b{color:var(--gold)}#menu-line{color:var(--teal);font-weight:800}.keys{opacity:.75;font-size:12px}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:8px 0;display:flex}.row.small{font-size:13px}.level-row{gap:6px}.ghost.level{min-width:64px;padding:4px 14px}.ghost.level.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}.level-hint{opacity:.85;text-align:center;max-width:420px;min-height:2.6em;margin:0 auto 4px;font-size:12px;line-height:1.5}.primary{background:var(--teal);color:var(--ink);border:none;border-radius:12px;padding:10px 34px;font-size:20px;font-weight:900;box-shadow:0 6px 18px #00e0b859}.primary:hover{background:var(--gold)}.ghost{color:#fff;border:2px solid var(--line);background:0 0;border-radius:10px;padding:6px 16px;font-size:14px;font-weight:700}.disclaimer{opacity:.75;margin:8px 0 0;font-size:12px}.credits{opacity:.55;direction:ltr;margin:4px 0 0;font-size:10px}.boot-error{color:#fca5a5;margin:6px 0 0;font-size:13px;line-height:1.6}.boot-error a{color:var(--gold);font-weight:900}.boot-error small{opacity:.7;direction:ltr;display:inline-block}.install-hint{color:var(--gold);margin:6px 0 0;font-size:12px;display:none}.ios-browser .install-hint{display:block}#end-stars{letter-spacing:6px;margin:4px 0;font-size:44px}#end-stats{text-align:right;grid-template-columns:1fr 1fr;gap:6px 16px;margin:8px 0 12px;font-size:15px;display:grid}#end-stats div{border-bottom:1px solid var(--line);justify-content:space-between;padding:2px 0;display:flex}#end-stats b{color:var(--gold)}@media (pointer:coarse){.desktop-only,.money kbd{display:none}}@media (pointer:coarse) and (orientation:landscape){#ogra{width:min(460px,100vw - 360px);min-width:300px}.coin{width:44px;height:44px}.bill{width:62px;height:42px}}@media (max-width:760px){.stop-dot span{display:none}#side-right{width:180px}#line-signs{top:auto;bottom:108px}.card h1{font-size:30px}.howto{font-size:13px}#speech .line{font-size:16px}}@media (max-width:1400px){.stop-dot span{display:none}}@media (max-height:460px){#side-right{top:64px}#line-signs{top:64px;bottom:auto}#speech{padding:5px 12px;top:24%}.stat-box b{font-size:18px}#ogra{padding:5px 10px 6px}#ogra-ask{font-size:15px}#ogra-detail{font-size:11px}#ogra-timer{height:4px;margin:3px 0}.coin{width:38px;height:38px}.bill{width:54px;height:34px}.money span{font-size:16px}#ogra-actions{margin-top:4px}#ogra-clear,#ogra-give{padding:4px 10px;font-size:14px}#ogra-hand{font-size:13px}.card{padding:10px 16px}.card h1{font-size:26px}.card h2{font-size:18px}.howto{font-size:12px;line-height:1.55}.tagline{margin:2px 0 6px;font-size:13px}}.phone #topbar{top:max(6px, env(safe-area-inset-top));gap:6px}.phone .stat-box{border-radius:10px;min-width:50px;padding:1px 8px}.phone .stat-box b{font-size:17px}.phone .stat-box small{font-size:10px}.phone #vibe{width:118px}.phone #vibe-face{font-size:18px}.phone #route-track{height:22px;margin:0 10px}.phone #route-van{font-size:18px;top:-8px}.phone #next-stop{margin-top:2px;font-size:12px}.phone .hud-btn{width:36px;font-size:15px}.phone .stop-dot span{display:none}.phone #side-right{top:118px;right:auto;left:max(8px, env(safe-area-inset-left));width:200px}.phone .drop{padding:2px 8px;font-size:12px}.phone #line-signs{top:auto;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 82px);left:max(8px, env(safe-area-inset-left))}.phone #speech{border-radius:14px;gap:6px;max-width:min(46vw,100vw - 262px);padding:4px 12px;top:58px;left:calc(50vw - 117px)}.phone #speech .line{font-size:14px;line-height:1.35}.phone #speech .who{padding:1px 7px;font-size:10px}.phone #toasts{top:32%}.phone .toast{font-size:20px}.phone .pad{bottom:max(10px, env(safe-area-inset-bottom));gap:10px}.phone .pad button{background:#09122159;border-width:2px;width:68px;height:68px;font-size:26px}.phone .pad button.brake,.phone .pad button.gas{font-size:14px}.phone #ogra{left:auto;right:max(10px, env(safe-area-inset-right));bottom:calc(max(10px, env(safe-area-inset-bottom)) + 80px);width:214px;min-width:0;transform:translateX(calc(100% + 30px + env(safe-area-inset-right)));border-radius:14px;padding:6px 8px}.phone #ogra.show{transform:none}.phone #ogra-head{display:block}.phone #ogra-ask{font-size:14px;line-height:1.3}.phone #ogra-queue{font-size:10px}.phone #ogra-detail{font-size:11px;line-height:1.35}.phone #ogra-sum b{font-size:19px}.phone #ogra-sum i{font-size:17px}.phone #ogra-guide{margin:2px 0;padding:2px 6px;font-size:11px;line-height:1.35}.phone #ogra-sum{margin:2px 0 0}.phone #ogra-sum small{font-size:10px}.phone #ogra-timer{height:4px;margin:4px 0}.phone #ogra-tray{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.phone .money span{font-size:16px}.phone .bill{width:100%;height:40px}.phone .coin{justify-self:center;width:42px;height:42px}.phone #ogra-tray #ogra-clear{border-radius:8px;width:100%;height:40px;padding:0;font-size:13px}.phone #ogra-actions{gap:5px;margin-top:5px}.phone #ogra-hand{font-size:12px}.phone #ogra-give{padding:6px 10px;font-size:14px}.phone #menu .card{grid-template-columns:1fr 1.3fr;align-items:center;column-gap:18px;width:min(900px,100%);padding:10px 16px;display:grid}.phone #menu .card>*{grid-column:1}.phone #menu .howto{grid-area:1/2/span 7;margin:0;font-size:12.5px;line-height:1.6}.phone #menu .card h1{font-size:26px}.phone #menu .tagline{font-size:12px}.phone #menu .row{margin:5px 0}.phone #menu .primary{padding:8px 22px;font-size:17px}.phone #menu .row.small{gap:6px}.phone #menu .row.small .ghost{padding:3px 9px;font-size:12px}.phone #end .card{padding:10px 16px}.phone #end-stats{gap:3px 14px;margin:4px 0 8px;font-size:13px}.phone #end-stars{font-size:32px}.phone #end-stats{grid-template-columns:1fr 1fr 1fr;gap:1px 12px;margin:2px 0 6px;font-size:12px}.phone #end h2{margin-bottom:2px;font-size:17px}.phone #end-stars{margin:0;font-size:26px}.phone #end .row{margin:4px 0}.phone #ogra.guiding #ogra-head,.phone #ogra.guiding #ogra-detail{display:none}body.upright #topbar{flex-wrap:wrap;gap:5px}body.upright #route{flex:100%;order:-1}body.upright #topbar .stat-box{flex:1 1 0;min-width:0}body.upright #vibe{flex:2 1 0;width:auto}body.upright .hud-btn{flex:none;width:38px;height:40px}body.upright #side-right{top:calc(max(6px, env(safe-area-inset-top)) + 110px);left:max(8px, env(safe-area-inset-left));width:58vw;right:auto}body.upright #line-signs{top:calc(max(6px, env(safe-area-inset-top)) + 110px);bottom:auto;left:auto;right:max(8px, env(safe-area-inset-right))}body.upright #speech{top:calc(max(6px, env(safe-area-inset-top)) + 172px);max-width:92vw;left:50%}body.upright #speech .line{font-size:15px}body.upright #toasts{top:42%}body.upright .pad{bottom:max(12px, env(safe-area-inset-bottom));gap:8px}body.upright .pad button{width:66px;height:66px}body.upright #ogra{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));width:auto;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 76px);padding:6px 8px;transform:translateY(calc(100% + 120px))}body.upright #ogra.show{transform:none}body.upright #ogra-tray{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}body.upright .bill{width:100%;height:40px}body.upright .coin{justify-self:center;width:40px;height:40px}body.upright #ogra-tray #ogra-clear{border-radius:8px;width:100%;height:40px;padding:0;font-size:12px}body.upright #menu .card,body.upright #end .card{width:100%;padding:14px 16px;display:block}body.upright #menu .card{flex-direction:column;display:flex}body.upright #menu .howto,body.upright #menu .keys{order:5}body.upright #menu .disclaimer,body.upright #menu .credits,body.upright #menu .install-hint{order:6}body.upright #menu .howto{margin:6px 0 10px;font-size:13px}body.upright #menu .card h1{font-size:30px}body.upright #end-stats{grid-template-columns:1fr}