*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#1a140d}body{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:#f0ece4}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0}#screens{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:30}.screen-panel{background:#0c0e12d1;border-radius:14px;padding:34px 44px;min-width:320px;max-width:92vw;display:flex;flex-direction:column;gap:12px;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 60px #00000080;max-height:92vh;overflow-y:auto;scrollbar-width:none}.screen-panel::-webkit-scrollbar{display:none}.screen-panel h1{font-size:52px;letter-spacing:2px;font-weight:800}.screen-panel h2{font-size:26px;font-weight:600;letter-spacing:1px}.tagline{opacity:.8;margin-bottom:14px;font-style:italic}.title-bg{position:absolute;top:-34px;right:-44px;bottom:-34px;left:-44px;z-index:-1;background-size:cover;background-position:center;border-radius:14px;filter:brightness(.55)}.title-inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 10px}.btn{font:inherit;font-size:17px;padding:12px 30px;min-width:240px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#ffffff12;color:#f0ece4;cursor:pointer;transition:background .15s,transform .1s}.btn:hover{background:#ffffff29;transform:translateY(-1px)}.btn.primary{background:#e8934a;border-color:#e8934a;color:#1a140d;font-weight:700}.btn.primary:hover{background:#f5a45c}.btn.big{font-size:21px;padding:15px 44px}.route-list{display:flex;flex-direction:column;gap:8px;width:100%}.btn.route{display:flex;align-items:center;gap:10px;justify-content:space-between}.route-best{opacity:.65;font-size:13px}.medal-ic{width:26px;height:26px;object-fit:contain}.car-grid{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.car-card{font:inherit;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px;width:210px;cursor:pointer;color:inherit;transition:transform .12s,border-color .12s}.car-card:hover{transform:translateY(-3px);border-color:#e8934a}.car-card img{width:100%;border-radius:8px;display:block}.car-name{font-weight:700;margin:8px 0 6px}.car-stats label{font-size:11px;opacity:.65;display:block;margin-top:4px}.stat-bar{height:6px;background:#ffffff1f;border-radius:3px}.stat-bar div{height:100%;background:#e8934a;border-radius:3px}.medal-big{width:110px;height:110px;object-fit:contain}.newrecord{color:#ffd23a;font-weight:800;font-size:20px;letter-spacing:1px;animation:pulse .9s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.result-line{font-size:17px}.gap{opacity:.75;font-size:14px}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;display:none}.hud-top-left{position:absolute;top:16px;left:18px;background:#0c0e1299;padding:10px 14px;border-radius:10px}.hud-timer{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.hud-medals{font-size:12px;display:flex;gap:10px;margin-top:2px}.hud-medals .gold{color:#ffd23a}.hud-medals .silver{color:#cfd4da}.hud-medals .bronze{color:#d08a4e}.hud-gates{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#0c0e1299;padding:8px 18px;border-radius:10px;font-size:16px;font-weight:600}.hud-guide{position:absolute;top:58px;left:50%;transform:translate(-50%);display:none;align-items:center;gap:8px;background:#0c0e128c;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:600;color:#7dd9f5}.hud-guide-arrow{display:inline-block;font-size:18px;transition:transform .12s linear}.hud-top-right{position:absolute;top:16px;right:18px;background:#0c0e1299;padding:8px 14px;border-radius:10px}.hud-collect{font-size:16px;font-weight:600}.hud-speed{position:absolute;right:22px;bottom:20px;text-align:right;background:#0c0e1299;padding:10px 16px;border-radius:10px}#hud-speed-val{font-size:44px;font-weight:800;font-variant-numeric:tabular-nums}.hud-unit{font-size:14px;opacity:.7;margin-left:6px}.hud-dmg{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-bottom:4px}.hud-dmg span{font-size:11px;opacity:.7;letter-spacing:1px}.hud-dmg-bar{width:110px;height:7px;background:#ffffff1f;border-radius:4px;overflow:hidden}#hud-dmg-fill{height:100%;width:0;background:#7dd956;transition:width .2s}.hud-msg{position:absolute;top:26%;left:50%;transform:translate(-50%);font-size:22px;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.8);opacity:0;transition:opacity .25s;text-align:center}.hud-msg.big{font-size:72px;letter-spacing:4px}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:60}.modal{background:#101218f5;border-radius:14px;padding:26px 30px;max-width:420px;display:flex;flex-direction:column;gap:14px}.modal-row{display:flex;gap:10px;justify-content:flex-end}.modal-row .btn{min-width:0}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%) translateY(20px);background:#101218f2;padding:12px 24px;border-radius:10px;z-index:70;opacity:0;transition:all .3s}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.resume-buffer{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:80;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;font-weight:600}#touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:none}.tc-stick{position:absolute;left:26px;bottom:30px;width:120px;height:120px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.25);pointer-events:auto;touch-action:none}.tc-nub{position:absolute;left:50%;top:50%;margin:-22px;width:44px;height:44px;border-radius:50%;background:#ffffff59}.tc-buttons{position:absolute;right:20px;bottom:120px;display:flex;flex-direction:column;gap:10px;pointer-events:auto}.tc-btn{width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#0c0e1299;color:#fff;font-size:20px;touch-action:none}