*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#1a1a2e;font-family:Slackey,cursive,sans-serif;touch-action:none}canvas{display:block}#game-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;pointer-events:none;text-align:center}.overlay.interactive{pointer-events:auto}#loading-screen{background:#1a1a2e;color:#ffe66d;font-size:28px;z-index:200;pointer-events:auto}#loading-screen .loading-label{font-family:Slackey,cursive,sans-serif;font-weight:500}#loading-screen .spinner{width:50px;height:50px;border:5px solid #333;border-top-color:#ffe66d;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}#title-screen{background:#141428d9;pointer-events:auto}#title-screen .title-image{display:block;width:min(92vw,720px);height:auto;max-height:min(48vh,520px);object-fit:contain;margin-bottom:10px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#title-screen .subtitle{font-size:20px;color:#4ecdc4;margin-bottom:30px;letter-spacing:3px}#title-screen .instructions{font-size:16px;color:#ccc;line-height:2;margin-bottom:30px}#title-screen .instructions span{color:#ffe66d;font-weight:700}.blink{font-size:22px;color:#fff;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}#hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}#money{position:absolute;top:20px;left:24px;font-size:38px;color:#4caf50;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.6)}#timer{position:absolute;top:18px;left:50%;transform:translate(-50%);font-size:46px;color:#fff;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.6)}#timer.warning{color:#f44;animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.1)}}#speed-bar{position:absolute;bottom:30px;right:30px;width:8px;height:120px;background:#0006;border-radius:4px;overflow:hidden}#speed-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(to top,#4caf50,#ffe66d,#f44);border-radius:4px;transition:height .1s}#speed-text{position:absolute;bottom:155px;right:20px;font-size:14px;color:#aaa;text-shadow:1px 1px 0 rgba(0,0,0,.5)}#passenger-info{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:20px;color:#ffe66d;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.6);background:#00000080;padding:8px 24px;border-radius:25px;white-space:nowrap}#minimap-container{position:absolute;top:18px;right:18px;border:2px solid rgba(255,255,255,.3);border-radius:8px;overflow:hidden}#minimap{display:block}.fare-popup{position:fixed;left:50%;font-size:40px;font-weight:700;color:#4caf50;pointer-events:none;z-index:60;text-shadow:2px 2px 0 rgba(0,0,0,.5);animation:fareFloat 1.5s ease-out forwards}@keyframes fareFloat{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-120px);opacity:0}}.time-popup{position:fixed;left:50%;font-size:28px;font-weight:700;color:#4ecdc4;pointer-events:none;z-index:60;text-shadow:2px 2px 0 rgba(0,0,0,.5);animation:fareFloat 1.5s ease-out forwards}.bus-popup{position:fixed;left:50%;font-size:44px;font-weight:700;color:#ffe66d;pointer-events:none;z-index:60;text-shadow:2px 2px 0 rgba(0,0,0,.6);animation:fareFloat 2s ease-out forwards}.bus-alert{position:fixed;left:50%;transform:translate(-50%);font-size:24px;font-weight:700;color:#ff8c42;pointer-events:none;z-index:60;text-shadow:2px 2px 0 rgba(0,0,0,.6);background:#00000080;padding:10px 28px;border-radius:25px;max-width:calc(100vw - 32px);text-align:center;box-sizing:border-box;animation:busAlertFade 3s ease-in-out forwards}@keyframes busAlertFade{0%{opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0}}#multiplier-info{position:absolute;top:62px;left:24px;font-size:28px;color:#ffe66d;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.6);animation:multPulse 1s ease-in-out infinite}@keyframes multPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}#gameover-screen{background:#141428e6;pointer-events:auto}#gameover-screen h1{font-size:64px;color:#ff6b6b;text-shadow:3px 3px 0 rgba(0,0,0,.4);margin-bottom:20px}#final-score{font-size:48px;color:#4caf50;font-weight:700;margin-bottom:10px}#deliveries-count{font-size:22px;color:#ffe66d;margin-bottom:30px}#controls-hint{position:absolute;bottom:70px;left:50%;transform:translate(-50%);font-size:13px;color:#ffffff59;text-shadow:1px 1px 0 rgba(0,0,0,.3)}#rear-btn{position:absolute;bottom:24px;right:96px;width:56px;height:56px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:24px;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s;user-select:none;-webkit-user-select:none}#rear-btn:hover,#rear-btn:active{background:#ffffff4d}#closeup-btn{position:absolute;bottom:24px;right:30px;width:56px;height:56px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:24px;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s;user-select:none;-webkit-user-select:none}#closeup-btn:hover,#closeup-btn:active{background:#ffffff4d}#touch-controls{display:none;position:absolute;bottom:20px;left:0;right:0;padding:0 20px;justify-content:space-between;align-items:flex-end;pointer-events:none}@media(pointer:coarse){#touch-controls{display:flex}#controls-hint,#speed-bar,#speed-text{display:none}#passenger-info{bottom:155px;font-size:16px;padding:6px 16px}#rear-btn{bottom:auto;top:138px;right:62px;width:44px;height:44px;font-size:18px}#closeup-btn{bottom:auto;top:138px;right:14px;width:44px;height:44px;font-size:18px}#minimap-container{transform:scale(.75);transform-origin:top right}.bus-alert{font-size:18px;padding:8px 16px}}#touch-left{display:flex;gap:12px;align-items:flex-end;pointer-events:auto}#touch-right{display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:auto}.touch-row{display:flex;gap:10px}.touch-btn{width:72px;height:72px;border-radius:18px;background:#ffffff14;border:2px solid rgba(255,255,255,.18);color:#ffffffb3;font-size:28px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:background .08s,border-color .08s}.touch-btn.active{background:#ffffff40;border-color:#ffffff80}#touch-gas{width:154px;height:62px;border-radius:16px;background:#4caf501f;border-color:#4caf504d;color:#4caf50cc;font-size:30px}#touch-gas.active{background:#4caf5059;border-color:#4caf5099}#touch-brake{height:62px;background:#ff6b6b1f;border-color:#ff6b6b4d;color:#ff6b6bb3}#touch-brake.active{background:#ff6b6b59;border-color:#ff6b6b99}#touch-boost{height:62px;font-size:13px;font-weight:700;letter-spacing:1px;background:#ffe66d1a;border-color:#ffe66d40;color:#ffe66dbf}#touch-boost.active{background:#ffe66d4d;border-color:#ffe66d8c}