:root{color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;background:#000;touch-action:none;user-select:none;-webkit-user-select:none}.game-container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#000;overflow:hidden}canvas{height:100vh;width:auto;display:block;image-rendering:auto}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;font-family:Courier New,monospace;background:#000000b3}.overlay h1{font-size:2.8rem;margin-bottom:.5rem;text-shadow:0 0 20px currentColor}.overlay h2{font-size:1.8rem;margin-bottom:1rem}.overlay p{font-size:1.1rem;opacity:.8;margin:.4rem 0}.blink{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.bike-cards{display:flex;gap:1rem;margin:1.5rem 0}.bike-card{border:2px solid rgba(255,255,255,.2);padding:1.2rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s;width:150px;background:#0006}.bike-card.selected{border-color:#fff;background:#ffffff1f;transform:scale(1.05)}.bike-card h3{font-size:.95rem;margin-bottom:.4rem}.bike-card .desc{font-size:.75rem;opacity:.7;line-height:1.4}.bike-card .stat{font-size:.7rem;opacity:.5;margin-top:.3rem}.color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.4rem;vertical-align:middle}.controls{font-size:.8rem;opacity:.5;margin-top:1rem}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.touch-controls *{pointer-events:auto}.dpad{position:absolute;bottom:30px;left:30px;width:140px;height:140px}.dpad-btn{position:absolute;width:48px;height:48px;background:#ffffff1f;border:2px solid rgba(255,255,255,.25);border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:20px;color:#ffffffb3;transition:background .1s}.dpad-btn:active,.dpad-btn.active{background:#ffffff4d}.dpad-up{top:0;left:46px}.dpad-down{bottom:0;left:46px}.dpad-left{top:46px;left:0}.dpad-right{top:46px;right:0}.fire-btn{position:absolute;bottom:50px;right:30px;width:80px;height:80px;background:#ff3c3c33;border:3px solid rgba(255,60,60,.5);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;color:#ff6464e6;font-family:Courier New,monospace;letter-spacing:1px;transition:background .1s}.fire-btn:active,.fire-btn.active{background:#ff3c3c80}@media(max-width:600px){.overlay h1{font-size:2rem}.overlay h2{font-size:1.3rem}.overlay p{font-size:.9rem}.bike-cards{flex-direction:column;gap:.6rem}.bike-card{width:260px;padding:.8rem}.bike-card h3{font-size:.85rem}.dpad{bottom:20px;left:15px;width:120px;height:120px}.dpad-btn{width:40px;height:40px;font-size:16px}.dpad-up,.dpad-down{left:40px}.dpad-left,.dpad-right{top:40px}.fire-btn{bottom:35px;right:15px;width:65px;height:65px;font-size:12px}}