:root{font-family:system-ui,-apple-system,"Noto Sans Bengali","Hind Siliguri",sans-serif;color:#f8fafc;background:#101a2a;touch-action:none;-webkit-user-select:none;user-select:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}#game{width:100%;height:100%;display:block;outline:none}.hidden{display:none!important}.overlay{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 20% 20%,rgba(40,121,120,.25),transparent 42%),linear-gradient(140deg,rgba(9,20,35,.94),rgba(6,13,28,.97));backdrop-filter:blur(12px)}.overlay.visible{display:flex}.intro-card{text-align:center;width:min(100%,490px)}.brand-mark{margin:0 auto 15px;display:grid;place-items:center;border:2px solid #b5f36b;border-radius:22px;width:70px;height:70px;transform:rotate(-8deg);font-size:43px;font-weight:900;color:#d1ff8f;background:#233d34}.eyebrow{font-size:12px;letter-spacing:.24em;font-weight:800;color:#bef374;margin:0 0 9px}.intro-card h1{margin:0;font-size:clamp(46px,9vw,70px);letter-spacing:-2px}.intro-card h1 span,.brand-mini span{color:#b9ee69}.intro-card p{font-size:15px;line-height:1.75;color:#aebcce}.progress{height:6px;width:100%;border-radius:12px;background:#304259;overflow:hidden;margin:25px 0 11px}.progress>div{height:100%;width:10%;background:linear-gradient(90deg,#9de35f,#d8fa9b);transition:width .35s}.fine{font-size:12px!important;color:#93a6b8!important;line-height:1.6}.primary,.secondary{background:#b7ed69;border:0;color:#18291c;border-radius:14px;padding:14px 23px;font-weight:900;margin-top:12px}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#29394d;color:#f8fafc}.intro-help{color:#7f98a9;font-size:12px;line-height:1.8;margin-top:22px}.hud{position:fixed;inset:0;pointer-events:none;z-index:5}.hud button{pointer-events:auto}.top-left,.top-right{position:absolute;top:max(14px,env(safe-area-inset-top));display:flex;align-items:center;gap:9px}.top-left{left:17px;flex-direction:column;align-items:start}.top-right{right:17px}.brand-mini{font-weight:900;font-size:23px;letter-spacing:-1px;text-shadow:0 3px 8px #0008}.status-chip,.coin-chip,.square-btn,.mission-panel,.speedometer,.vehicle-name,.health-row,.bottom-right,.middle-controls button{border:1px solid #ffffff25;background:#0d1b2cbb;box-shadow:0 5px 20px #0014;backdrop-filter:blur(12px)}.status-chip{border-radius:20px;font-size:12px;padding:8px 12px;color:#d0e0e6;display:flex;gap:9px}.dot{color:#9fe961}.coin-chip{border-radius:12px;padding:11px 13px;font-weight:800}.square-btn{width:39px;height:40px;color:white;font-size:19px;border-radius:12px}.mission-panel{position:absolute;left:17px;top:110px;border-radius:15px;padding:12px 15px;max-width:min(300px,56vw)}.mission-panel .label{font-size:11px;color:#b5eb76;font-weight:900;margin-bottom:5px}.mission-panel #missionTitle{font-weight:800;font-size:14px}.muted{color:#a5b4c8;font-size:12px;margin-top:6px}.bottom-left{position:absolute;left:17px;bottom:22px;display:flex;flex-direction:column;align-items:start;gap:8px}.speedometer{display:flex;align-items:baseline;gap:8px;padding:12px 17px;border-radius:15px}.speedometer #speed{font-weight:900;font-size:46px;line-height:1;font-variant-numeric:tabular-nums}.speedometer span:last-child{font-size:12px;font-weight:800;color:#a5f078}.vehicle-name{padding:7px 11px;font-size:12px;font-weight:800;border-radius:10px}.health-row{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:10px;font-size:10px}.health-track{height:7px;width:70px;background:#374c56;border-radius:12px;overflow:hidden}.health-track div{height:100%;width:100%;background:#a0e86e;transition:width .2s}.bottom-right{position:absolute;right:17px;bottom:22px;border-radius:16px;padding:8px}#miniMap{width:160px;height:160px;display:block;border-radius:10px;background:#172c30}.map-caption{font-size:10px;color:#b8d0c9;text-align:center;padding-top:6px}.middle-controls{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.middle-controls button{color:white;border-radius:11px;padding:9px 12px;font-size:11px;font-weight:800}.touch-controls{display:none;position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:14px;right:14px;justify-content:space-between;align-items:end}.steering,.pedals{display:flex;gap:10px;align-items:end}.touch-controls button{border:1px solid #ffffff70;background:#13253ebc;color:#fff;border-radius:16px;width:66px;height:65px;font-size:23px;font-weight:900;backdrop-filter:blur(10px);box-shadow:0 7px 18px #0004}.touch-controls button:active,.touch-controls button.pressed{background:#b5ec6c;color:#13291b}.touch-controls button.accelerate{height:88px;background:#8fca53bd;color:#16251a;font-size:14px}.touch-controls button.brake{height:65px;font-size:13px;background:#de6b68b8}.toast{position:absolute;left:50%;top:22%;transform:translateX(-50%) translateY(-8px);padding:11px 17px;border-radius:12px;background:#b9f36b;color:#172914;font-weight:900;font-size:13px;opacity:0;transition:opacity .2s,transform .2s;white-space:nowrap}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.modal-overlay{z-index:30;background:#03101de8}.modal-card{width:min(100%,650px);max-height:min(90vh,760px);overflow:auto;border:1px solid #ffffff24;border-radius:24px;background:#12243a;padding:25px;box-shadow:0 25px 80px #0008}.modal-card.narrow{max-width:400px;text-align:center}.modal-title{display:flex;align-items:start;justify-content:space-between}.modal-card h2{margin:3px 0 17px;font-size:27px}.close-btn{color:#fff;background:#2b4156;border:0;border-radius:12px;padding:10px}.vehicle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.vehicle-card{text-align:left;color:#fff;background:#1b3349;border:1px solid #ffffff25;border-radius:16px;padding:16px;transition:background .15s}.vehicle-card.selected{border-color:#b8f079;background:#2b493c}.vehicle-card .emoji{font-size:36px;display:block;margin-bottom:8px}.vehicle-card strong{font-size:17px}.vehicle-card small{display:block;color:#a9becd;margin-top:6px}.vehicle-card .stats{font-size:11px;color:#c6f19e;margin-top:10px}.wide{display:block;width:100%}@media(pointer:coarse),(max-width:800px){.touch-controls{display:flex}.bottom-left{bottom:112px;left:12px}.bottom-right{bottom:120px;right:12px}.middle-controls{bottom:42px}.speedometer{padding:8px 11px}.speedometer #speed{font-size:32px}.health-row{font-size:9px}.mission-panel{top:105px}.bottom-right #miniMap{width:100px;height:100px}.map-caption{display:none}.top-left{left:12px}.top-right{right:12px;gap:5px}.coin-chip{padding:9px}.square-btn{width:35px;height:36px}.steering{gap:7px}.touch-controls button{width:61px;height:61px}.touch-controls button.accelerate{height:77px}.touch-controls button.brake{height:61px}.middle-controls button{font-size:10px;padding:8px}.vehicle-grid{gap:8px}.modal-card{padding:18px}}@media(max-width:380px){.brand-mini{font-size:18px}.mission-panel{max-width:190px}.mission-panel #missionTitle{font-size:12px}.touch-controls button{width:52px}.bottom-right #miniMap{width:85px;height:85px}}
