html,body{margin:0;height:100%;overflow:hidden;background:#a9cde0;font:13px/1.35 Noto Sans Bengali,system-ui,sans-serif}canvas{display:block;touch-action:none}#loading{position:fixed;inset:0;display:grid;place-items:center;font-size:18px}.hud{position:fixed;top:8px;left:8px;background:#ffffffe0;padding:8px 10px;border-radius:10px;min-width:210px;font-variant-numeric:tabular-nums}.hud .speed b{font-size:28px}.hud .bar{display:inline-block;width:110px;height:6px;background:#ddd;border-radius:3px;overflow:hidden;vertical-align:middle}.hud .bar i{display:block;height:100%;background:#2a9d4b}.hud .bar i.low{background:#c0392b}.hud .keys{margin-top:4px;font-size:11px;color:#555}.toast{position:fixed;top:52px;left:50%;transform:translate(-50%);font-size:15px;font-weight:600;color:#fff;background:#00000073;padding:4px 12px;border-radius:14px;pointer-events:none;opacity:0;transition:opacity .4s;white-space:nowrap}.touch .steer-area{position:fixed;left:0;bottom:0;width:45%;height:45%;background:#0000000f;color:#333;font-size:12px;display:flex;align-items:flex-end;padding:10px;box-sizing:border-box}.touch .pad{position:fixed;width:84px;height:84px;border-radius:12px;border:2px solid #333;background:#ffffffbf;font:700 13px system-ui;user-select:none;touch-action:none}.touch .pad.down{background:#333;color:#fff}.touch .gas{right:16px;bottom:16px;height:120px}.touch .brake{right:112px;bottom:16px}.touch .door{right:16px;bottom:148px;height:56px}.touch .horn{right:112px;bottom:112px;height:56px}@media(max-width:700px){.hud{font-size:12px;min-width:170px}.hud .speed b{font-size:22px}.hud .keys{display:none}}.hud .next{font-size:15px;margin-top:2px}.hud .late{color:#c0392b;font-weight:700}.hud .taka{font-size:18px;font-weight:700}.hud .leg{font-size:11px;color:#555}.results{position:fixed;inset:0;display:grid;place-items:center;background:#00000073}.results[hidden]{display:none}.results .panel{background:#fff;border-radius:14px;padding:16px 20px;min-width:300px;max-width:92vw;box-shadow:0 10px 40px #0006}.results h2{margin:0 0 2px}.results .sub{color:#555;font-size:12px;margin:4px 0}.results table{width:100%;border-collapse:collapse;margin:8px 0;font-variant-numeric:tabular-nums}.results td{padding:2px 0}.results td:last-child{text-align:right}.results td.neg{color:#c0392b}.results tr.total td{border-top:1px solid #ccc;font-weight:700;padding-top:4px}.results .stars b{color:#e6a700;letter-spacing:2px}.results .buttons{margin-top:10px;display:flex;gap:8px;justify-content:flex-end}.results button{font:600 14px system-ui;padding:6px 14px;border-radius:8px;border:1px solid #333;background:#fff;cursor:pointer}.results button:first-child{background:#222;color:#fff}.hud .junction{margin:2px 0}.hud .junction.stop b{color:#fff;background:#c0392b;padding:0 5px;border-radius:4px}.hud .junction.go b{color:#fff;background:#2a9d4b;padding:0 5px;border-radius:4px}.hud-strip{position:fixed;top:10px;left:50%;transform:translate(-50%);background:#0000006b;color:#fff;padding:5px 14px;border-radius:16px;font-size:14px;white-space:nowrap;pointer-events:none}.hud-strip[hidden]{display:none}.hud-strip b{font-weight:700}.hud-strip .sep{display:inline-block;width:1px;height:12px;background:#ffffff59;margin:0 10px;vertical-align:middle}.hud-strip .stop{color:#ff8a7a;font-weight:700}.hud-strip .go{color:#8fe39a;font-weight:700}.hud-details{position:fixed;top:46px;right:10px;background:#ffffffe6;padding:8px 10px;border-radius:10px;min-width:200px;font-variant-numeric:tabular-nums}.hud-details[hidden]{display:none}.hud-details .bar{display:inline-block;width:110px;height:6px;background:#ddd;border-radius:3px;overflow:hidden;vertical-align:middle}.hud-details .bar i{display:block;height:100%;background:#2a9d4b}.hud-details .bar i.low{background:#c0392b}.hud-details .keys{margin-top:4px;font-size:11px;color:#555;max-width:260px}.hud-details .taka{font-size:16px;font-weight:700}.hud-details .leg{font-size:11px;color:#555}.results .summary{font-size:16px;margin:10px 0}.touch .lights-row{position:fixed;right:16px;top:12px;display:flex;gap:6px}.touch .mini{width:48px;height:40px;border-radius:10px;border:2px solid #333;background:#ffffffbf;font:700 16px system-ui;touch-action:none}.minimap{position:fixed;right:14px;bottom:14px;width:180px;height:180px;border-radius:50%;border:2px solid rgba(255,255,255,.7);box-shadow:0 2px 10px #00000059;pointer-events:none;overflow:hidden}.minimap[hidden]{display:none}.minimap canvas{width:100%;height:100%}@media(pointer:coarse){.minimap{inset:12px auto auto 12px;width:120px;height:120px}}.hud-strip .stall{color:#fff;background:#c0392b;padding:0 6px;border-radius:4px;font-weight:700}.flight-read{position:fixed;top:50%;transform:translateY(-50%);color:#fff;background:#00000059;padding:6px 10px;border-radius:10px;font-size:13px;pointer-events:none;font-variant-numeric:tabular-nums}.flight-read[hidden]{display:none}.flight-read b{font-size:22px}.flight-read.left{left:12px}.flight-read.right{right:12px;text-align:right}.flight-touch .stick-zone{position:fixed;left:0;bottom:0;width:45%;height:50%;background:#0000000d}.flight-touch .stick-zone span{position:absolute;left:10px;bottom:10px;color:#333;font-size:12px}.flight-touch .thr-wrap{position:fixed;right:20px;bottom:20px;width:50px;height:170px}.flight-touch .thr{position:absolute;width:170px;left:-60px;top:75px;transform:rotate(-90deg)}.flight-touch .brake{right:84px;bottom:20px;width:70px;height:70px}:root{--maroon: #7b1e3a;--plum: #2e1a47;--yellow: #f7c600;--cream: #ffe9a8;--teal: #16a085;--red: #e74c3c;--blue: #2e86c1;--art-border: repeating-linear-gradient(90deg, var(--yellow) 0 14px, var(--teal) 14px 28px, var(--red) 28px 42px, var(--blue) 42px 56px);--art-font: "Baloo Da 2", "Noto Sans Bengali", system-ui, sans-serif}.hud-strip,.toast,.results,.menu-screen,.pause,.hud-corner,.flight-read,.hud-details{font-family:var(--art-font)}.hud-strip{background:var(--teal);border:3px solid var(--yellow);border-radius:16px;padding:3px 16px;font-size:16px;box-shadow:0 3px 10px #0000004d}.hud-strip b{color:#fff}.hud-strip .sep{background:#ffe9a899}.hud-strip .stop{color:#fff;background:var(--red);padding:0 6px;border-radius:6px}.hud-strip .go{color:var(--plum);background:var(--yellow);padding:0 6px;border-radius:6px}.toast{top:56px;background:#7b1e3ae0;border:2px solid var(--yellow)}.hud-details{background:#2e1a47e6;color:#fff;border:2px solid var(--yellow)}.hud-details .keys,.hud-details .leg{color:var(--cream)}.flight-read{background:#7b1e3ad1;border:2px solid var(--yellow)}.flight-read b{color:var(--yellow)}.hud-corner{position:fixed;background:#7b1e3ad9;color:#fff;border:2px solid var(--yellow);border-radius:12px;padding:6px 10px;font-size:13px;pointer-events:none}.hud-corner[hidden]{display:none}.hud-corner label{display:block;font-size:11px;color:var(--cream)}.hud-corner .num{font-size:26px;font-weight:800;color:var(--yellow);line-height:1}.hud-corner.tr{top:12px;right:12px;min-width:150px}.hud-corner.bl{left:12px;bottom:12px}.hud-corner.br{right:12px;bottom:12px}.hud-corner.tc{top:50px;left:50%;transform:translate(-50%);padding:2px 12px}.hud-corner .bar{display:block;height:7px;background:#ffffff40;border-radius:4px;overflow:hidden;margin-top:3px}.hud-corner .bar i{display:block;height:100%;background:var(--yellow)}.hud-corner .bar i.low{background:var(--red)}.pause-btn{position:fixed;right:12px;bottom:12px;width:44px;height:44px;border-radius:12px;border:2px solid var(--yellow);background:#7b1e3ad9;color:var(--yellow);font:800 18px var(--art-font);cursor:pointer}@media(pointer:coarse){.pause-btn{inset:8px auto auto 50%;transform:translate(150px);width:36px;height:36px}.hud-corner.bl,.hud-corner.br{display:none}}.minimap{inset:12px auto auto 12px;border:3px solid var(--yellow)}.results,.pause{background:#2e1a478c}.results .panel,.pause .panel{background:linear-gradient(160deg,var(--maroon),var(--plum));color:#fff;border:3px solid var(--yellow);border-radius:18px}.results h2,.pause h2{color:var(--yellow)}.results .sub{color:var(--cream)}.results td.neg{color:#ff8f80}.results tr.total td{border-top-color:var(--yellow)}.results .stars,.results .stars b{color:var(--yellow)}.results button,.pause button{font:800 15px var(--art-font);border:2px solid var(--yellow);background:transparent;color:var(--yellow);border-radius:12px}.results button:first-child,.pause button:first-child{background:var(--yellow);color:var(--maroon)}.pause{position:fixed;inset:0;display:grid;place-items:center;z-index:20}.pause[hidden]{display:none}.pause .panel{padding:16px 22px;min-width:260px;text-align:center}.pause .buttons{display:flex;flex-direction:column;gap:8px;margin-top:10px}.pause button{padding:8px 16px;cursor:pointer}.menu-screen{position:fixed;inset:0;overflow:auto;color:#fff;padding:16px;box-sizing:border-box;background:radial-gradient(circle at 12% 18%,var(--yellow) 0 4%,transparent 4.5%),radial-gradient(circle at 88% 26%,var(--red) 0 3.5%,transparent 4%),radial-gradient(circle at 78% 86%,var(--teal) 0 5%,transparent 5.5%),linear-gradient(135deg,var(--maroon),var(--plum))}.menu-top{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-bottom:6px solid transparent;border-image:var(--art-border) 6;padding-bottom:8px;margin-bottom:16px}.menu-top h1{margin:0;font-size:34px;font-weight:800;color:var(--yellow)}.menu-top span{color:var(--cream);font-size:15px}.menu-top .lang{margin-left:auto}.menu-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:flex-start}.menu-screen .panel{background:#00000059;border:3px solid var(--yellow);border-radius:18px;padding:12px 16px;min-width:260px;max-width:520px;flex:1 1 280px}.menu-screen h2{margin:0 0 6px;color:var(--yellow);font-size:22px;font-weight:800}.menu-screen h2 small{display:block;font-size:12px;color:var(--cream);font-weight:500}.menu-screen .card.bus{background:#16a085d9}.menu-screen .card.flight{background:#2e86c1d9}.menu-screen .btn{display:inline-block;font:800 16px var(--art-font);background:var(--yellow);color:var(--maroon);border:0;border-radius:12px;padding:6px 14px;margin:4px 6px 0 0;cursor:pointer}.menu-screen .btn.alt{background:transparent;color:var(--yellow);border:2px solid var(--yellow)}.menu-screen .chip{font:600 14px var(--art-font);border:2px solid var(--cream);background:transparent;color:#fff;border-radius:10px;padding:1px 10px;margin:2px;cursor:pointer}.menu-screen .chip.on{background:var(--red);border-color:var(--yellow)}.menu-screen .chips{margin:6px 0}.menu-screen .chips b{display:inline-block;min-width:90px;color:var(--cream)}.menu-screen .links{margin-top:10px}.menu-screen .bonus{color:var(--yellow);font-weight:800;margin-top:6px}.menu-screen .trip{display:grid;grid-template-columns:auto 1fr;gap:0 10px;padding:6px 10px;border:2px solid transparent;border-radius:12px;cursor:pointer}.menu-screen .trip.on{border-color:var(--yellow);background:#f7c6001f}.menu-screen .trip.locked{opacity:.5;cursor:default}.menu-screen .trip .res{grid-column:2;font-size:12px;color:var(--cream)}.menu-screen .stars{color:var(--yellow);letter-spacing:2px}.menu-screen .licences p{font-size:12px;color:var(--cream)}.menu-screen .keys p{font-size:13px;color:var(--cream)}.hud-corner.br{bottom:64px}.hud-corner.glide b{color:var(--yellow);font-size:16px}@media(pointer:coarse){.hud-corner.glide{display:block;inset:86px auto auto 50%;transform:translate(-50%)}.hud-corner.glide[hidden]{display:none}}.toast{top:92px}.menu-screen .livery{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:5px 8px;border:2px solid transparent;border-radius:12px}.menu-screen .livery.on{border-color:var(--yellow);background:#f7c6001f}.menu-screen .livery.locked{opacity:.55}.menu-screen .swatch{display:inline-flex;border:2px solid var(--cream);border-radius:6px;overflow:hidden}.menu-screen .swatch i{width:14px;height:22px}.menu-screen .save-code{width:100%;box-sizing:border-box;font:12px ui-monospace,monospace;border-radius:10px;border:2px solid var(--cream);background:#00000059;color:#fff;padding:6px}.menu-screen .help,.menu-screen .save-msg{font-size:12px;color:var(--cream)}.windscreen{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none}.windscreen[hidden]{display:none}.menu-screen .vol{display:flex;align-items:center;gap:8px;margin:4px 0}.menu-screen .vol b{min-width:90px;color:var(--cream)}.menu-screen .vol input{flex:1;accent-color:var(--yellow)}.update-bar{position:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:30;display:flex;gap:12px;align-items:center;background:var(--teal);color:#fff;border:3px solid var(--yellow);border-radius:14px;padding:6px 12px;font:700 15px var(--art-font)}.update-bar button{font:800 14px var(--art-font);background:var(--yellow);color:var(--maroon);border:0;border-radius:10px;padding:4px 12px;cursor:pointer}.menu-screen .offline{margin-top:8px;font-size:13px;color:var(--cream)}.menu-screen .store-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 0}.menu-screen .osm-credit{position:fixed;right:10px;bottom:6px;font-size:11px;color:var(--cream);opacity:.85}.menu-screen .osm-credit a{color:var(--cream)}