body{margin:0;padding:0;overflow-x:hidden;overflow-y:auto;background-color:#0d0e12;min-height:100vh;display:flex;flex-direction:column;align-items:center;font-family:system-ui,sans-serif}#game-container{position:relative;width:100%;height:100vh;min-height:100vh;flex-shrink:0;z-index:1}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.interactive{pointer-events:auto}.premium-panel{background:#0f111af2;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #0000004d}@media(min-width:640px){.premium-panel{background:#0f111ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.touch-half{width:50%;height:62%;bottom:0;pointer-events:auto;position:absolute;z-index:10}#split-touch-left{left:0}#split-touch-right{right:0}.steer-indicator{position:absolute;bottom:32px;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#ffffff80;transition:transform .1s,background .1s;pointer-events:none}#split-touch-left .steer-indicator{left:10%}#split-touch-right .steer-indicator{right:10%}.touch-half:active .steer-indicator{background:#3b82f64d;border-color:#3b82f699;color:#fff;transform:scale(.9)}.pedal-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000004d}.pedal-btn:active{background:#fff3}@keyframes pulse-gold{0%,to{box-shadow:0 0 10px #fbbf2480;border-color:#fbbf2480}50%{box-shadow:0 0 25px #fbbf24e6;border-color:#fbbf24e6}}.weapon-active-pulse{animation:pulse-gold 1.5s infinite}@keyframes drift-flash{0%,to{opacity:0}50%{opacity:1;text-shadow:0 0 10px #38bdf8}}.drift-indicator{animation:drift-flash .4s infinite}@keyframes count-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.count-anim{animation:count-pop .7s ease-out forwards}@keyframes pulse-red{0%,to{box-shadow:0 0 8px #ef444466;border-color:#ef444466}50%{box-shadow:0 0 20px #ef4444cc;border-color:#ef4444cc}}@keyframes pulse-yellow{0%,to{box-shadow:0 0 8px #f59e0b66;border-color:#f59e0b66}50%{box-shadow:0 0 20px #f59e0bcc;border-color:#f59e0bcc}}@keyframes pulse-orange{0%,to{box-shadow:0 0 8px #f9731666;border-color:#f9731666}50%{box-shadow:0 0 20px #f97316cc;border-color:#f97316cc}}.weapon-pips-container{display:flex;gap:2px;margin-top:2px;height:4px}.weapon-pip{width:4px;height:4px;border-radius:50%;background-color:#cbd5e1}.weapon-hud-container{position:fixed;display:flex;gap:6px;z-index:9999;pointer-events:none}.weapon-hud-container .weapon-board-card{pointer-events:auto;cursor:pointer}.weapon-hud-container{bottom:25px;left:50%;transform:translate(-50%) scale(.7);transform-origin:bottom center;flex-direction:row}@media(min-width:640px){.weapon-hud-container{bottom:auto;left:auto;transform:scale(.6);transform-origin:top right;right:calc(var(--panel-width, 140px) + 24px);top:110px;flex-direction:column;gap:6px}}@keyframes weapon-tap-pop{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.weapon-card-tapped{animation:weapon-tap-pop .18s ease-out}.weapon-board-card{background:#fff;border-radius:16px;padding:8px 12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:90px;height:48px;box-sizing:border-box;border:2px solid transparent;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease,background-color .3s ease,opacity .3s ease,filter .3s ease;font-family:system-ui,-apple-system,sans-serif;opacity:.35;filter:grayscale(100%) brightness(.9)}.weapon-board-card.has-weapon-card{background-color:#fff!important;opacity:.85!important;transform:scale(1)!important;border-color:#0f172a14!important;filter:none!important}.weapon-board-card.active-missile-card{animation:pulse-red 1.2s infinite;border-color:#ef4444e6!important;background-color:#fff0f2!important;transform:scale(1.1)!important;opacity:1!important;filter:none!important;z-index:10}.weapon-board-card.active-oil-card{animation:pulse-yellow 1.2s infinite;border-color:#2e86dee6!important;background-color:#f0f8ff!important;transform:scale(1.1)!important;opacity:1!important;filter:none!important;z-index:10}.weapon-board-card.active-backfire-card{animation:pulse-orange 1.2s infinite;border-color:#f97316e6!important;background-color:#fff7ed!important;transform:scale(1.1)!important;opacity:1!important;filter:none!important;z-index:10}.weapon-board-card.active-mine-card{animation:pulse-red 1.2s infinite;border-color:#dc2626e6!important;background-color:#fef2f2!important;transform:scale(1.1)!important;opacity:1!important;filter:none!important;z-index:10}@media(min-width:640px){.weapon-board-card{width:120px;height:52px;padding:10px 14px;border-radius:20px}}.weapon-board-icon{font-size:16px}@media(min-width:640px){.weapon-board-icon{font-size:22px}}.weapon-board-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1px}.weapon-board-count-container{font-size:11px;font-weight:800;color:#2b3a4a;line-height:1.1}@media(min-width:640px){.weapon-board-count-container{font-size:13px}}.weapon-board-x{font-size:9px;color:#94a3b8;margin-right:1px}.weapon-board-label{font-size:8px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;line-height:1.1}@media(min-width:640px){.weapon-board-label{font-size:9px}}.weapon-label-missile{color:#ff4757}.weapon-label-barrel{color:#2e86de}.weapon-label-backfire{color:#2b3a4a}.weapon-label-mine{color:#dc2626}.weapon-board-count-container.text-white{color:#2b3a4a!important}.weapon-board-count-container.text-amber-400{color:#22c55e!important}.lap-board-panel{background:#fff;border-radius:16px;padding:10px 14px;width:90px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:6px;font-family:system-ui,-apple-system,sans-serif}@media(min-width:640px){.lap-board-panel{width:120px;padding:12px 16px;border-radius:20px;gap:8px}}.lap-board-header{display:flex;justify-content:space-between;align-items:center}.lap-board-title{color:#c5e933;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}@media(min-width:640px){.lap-board-title{font-size:11px}}.lap-board-value{display:flex;align-items:baseline;gap:2px}.lap-board-value #lap-val-current{font-size:18px;font-weight:800;color:#2b3a4a;line-height:1}@media(min-width:640px){.lap-board-value #lap-val-current{font-size:22px}}.lap-board-value .lap-board-slash{font-size:11px;font-weight:700;color:#cbd5e1;margin:0 1px}@media(min-width:640px){.lap-board-value .lap-board-slash{font-size:13px}}.lap-board-value .lap-board-total{font-size:12px;font-weight:800;color:#2b3a4a}@media(min-width:640px){.lap-board-value .lap-board-total{font-size:14px}}.lap-progress-bar{position:relative;width:100%;height:4px;margin-top:4px;margin-bottom:2px}.lap-progress-track{position:absolute;left:0;top:0;width:100%;height:100%;background:#e2e8f0;border-radius:2px}.lap-progress-fill{position:absolute;left:0;top:0;height:100%;background:#d9f136;border-radius:2px;transition:width .3s ease}.lap-progress-nodes{position:absolute;left:0;top:-3px;width:100%;display:flex;justify-content:space-between}.lap-node{width:10px;height:10px;background:#e2e8f0;border-radius:50%;border:2px solid #ffffff;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;transition:background-color .3s ease}.lap-node.active{background:#d9f136}.camera-board-btn{background:#fff;border-radius:12px;border:none;box-shadow:0 4px 12px #0000000d;color:#2b3a4a;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:transform .1s,background-color .1s;flex-shrink:0}.camera-board-btn:hover{background:#f8fafc}.camera-board-btn:active{transform:scale(.95)}@media(min-width:640px){.camera-board-btn{width:38px;height:38px;border-radius:14px;font-size:16px}}.times-board-panel{background:#fff;border-radius:16px;padding:10px 14px;width:110px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:4px;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box}@media(min-width:640px){.times-board-panel{width:120px;padding:12px 16px;border-radius:20px;gap:6px}}.time-row{display:flex;justify-content:space-between;align-items:center}.time-label{font-size:8px;font-weight:800;color:#94a3b8;text-transform:uppercase}@media(min-width:640px){.time-label{font-size:9px}}.time-value{font-size:10px;font-weight:800;font-family:ui-monospace,monospace}@media(min-width:640px){.time-value{font-size:12px}}.time-value.best-time{color:#d97706}.time-value.current-time{color:#16a34a}.time-row-divider{height:1px;background:#f1f5f9;width:100%}.top-right-board-container{transform:scale(.6);transform-origin:top right}.minimap-board-panel{background:#fff;border-radius:20px;padding:8px;box-shadow:0 4px 12px #0000000d;position:relative;display:flex;align-items:center;justify-content:center;transform:scale(.6);transform-origin:bottom right}@media(min-width:640px){.minimap-board-panel{border-radius:24px;padding:12px;width:120px;height:120px;box-shadow:0 8px 24px #0000000f;transform:scale(.6);transform-origin:bottom right}}.minimap-north-indicator{position:absolute;top:8px;right:8px;width:18px;height:18px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:10px;font-weight:800;font-family:system-ui,sans-serif}@media(min-width:640px){.minimap-north-indicator{top:10px;right:10px;width:22px;height:22px;font-size:11px}}#minimap-canvas{width:70px;height:70px;display:block;opacity:.95}@media(min-width:640px){#minimap-canvas{width:96px;height:96px}}.sci-fi-hud-panel{position:relative;padding:1px;background:#00e5ffcc;border-radius:2px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);filter:drop-shadow(0 0 2px rgba(0,229,255,.3))}.sci-fi-hud-inner{background:#0f141a;width:100%;height:100%;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);display:flex;flex-direction:column}.leaderboard-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f4f6f8;border-radius:12px;position:relative;overflow:hidden;height:38px;box-sizing:border-box;border:none;transition:background-color .2s,transform .2s}.leaderboard-row.is-player{background:#d9f136}.lb-left{display:flex;align-items:center;gap:10px}.lb-rank{color:#2b3a4a;font-weight:800;font-size:14px;width:12px;text-align:center}.leaderboard-row.is-player .lb-rank{color:#fff}.lb-cube{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.lb-name{color:#2b3a4a;font-weight:800;font-size:12px;letter-spacing:.02em;text-transform:uppercase}.leaderboard-row.is-player .lb-name{color:#fff}.lb-gap{color:#64748b;font-family:ui-monospace,monospace;font-size:11px;font-weight:700}.leaderboard-row.is-player .lb-gap{color:#ffffffbf}.position-board-panel{background:#fff;border-radius:24px;padding:16px 20px;width:220px;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column;gap:12px;font-family:system-ui,-apple-system,sans-serif;transform:scale(.4);transform-origin:top left}@media(min-width:640px){.position-board-panel{transform:scale(.45)}}@media(min-width:1024px){.position-board-panel{transform:scale(.5)}}.position-board-header{display:flex;flex-direction:column;gap:0px;padding-left:2px}.position-board-title{color:#c5e933;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.position-board-value{display:flex;align-items:baseline;gap:4px}.position-board-value #pos-val{font-size:44px;font-weight:800;color:#2b3a4a;line-height:1}.position-board-value #pos-slash{font-size:20px;font-weight:700;color:#cbd5e1;margin:0 3px}.position-board-value #pos-total{font-size:24px;font-weight:800;color:#2b3a4a}#leaderboard-list{display:flex;flex-direction:column;gap:6px;width:100%}@media(min-width:640px){#leaderboard-list{gap:7px}}#hud-overlay{display:none!important}:root{--panel-width: 0px !important}#game-container{left:0!important;right:0!important;width:100%!important}#game-area{max-width:none!important;max-height:none!important;aspect-ratio:auto!important;width:100%!important;height:100%!important}