:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#1a1a2e;color:#fafafa;overflow:hidden}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.02em;text-align:center;color:#e94560;text-shadow:0 0 20px rgba(233,69,96,.5)}.race-container{position:relative;width:800px;height:500px;border:3px solid #16213e;border-radius:12px;overflow:hidden;background:#2d2d2d}.track{position:absolute;top:0;right:0;bottom:0;left:0}.lane{position:absolute;left:0;right:0;height:80px;border-bottom:2px dashed rgba(255,255,255,.15)}.lane:last-child{border-bottom:none}.car{position:absolute;width:60px;height:36px;border-radius:6px 12px 12px 6px;transition:left .08s linear;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 4px 12px #00000080}.car-body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px 12px 12px 6px}.car-window{position:absolute;right:6px;top:6px;bottom:6px;width:16px;border-radius:3px 6px 6px 3px;background:#0000004d;border:1px solid rgba(255,255,255,.15)}.car-wheel{position:absolute;width:12px;height:8px;background:#222;border-radius:2px;border:1px solid #444}.car-wheel.tl{top:-3px;left:8px}.car-wheel.tr{top:-3px;right:10px}.car-wheel.bl{bottom:-3px;left:8px}.car-wheel.br{bottom:-3px;right:10px}.player-indicator{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #e94560;animation:bounce .6s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.finish-line{position:absolute;right:60px;top:0;bottom:0;width:20px;background:repeating-conic-gradient(#fff,#fff 25%,#000 0%,#000 50%) 0 0 / 10px 10px;opacity:.7}.controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center}.btn{padding:.6rem 1.5rem;border:1px solid rgba(233,69,96,.4);background:#e9456026;color:#e94560;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.02em}.btn:hover{background:#e945604d;border-color:#e94560;box-shadow:0 0 16px #e9456033}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.info{display:flex;gap:2rem;font-size:.9rem;color:#ffffffb3}.info span{display:flex;align-items:center;gap:.4rem}.info strong{color:#e94560}.status-msg{font-size:1.1rem;font-weight:600;color:#e94560;text-align:center;min-height:1.5rem;text-shadow:0 0 10px rgba(233,69,96,.3)}.results{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a1ed9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.results h2{font-size:2rem;color:#e94560;margin:0 0 1rem;text-shadow:0 0 20px rgba(233,69,96,.5)}.results ol{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.5rem}.results li{font-size:1.1rem;padding:.4rem 1rem;border-radius:6px;background:#ffffff0d}.results li:first-child{color:gold;font-weight:700}.results li:nth-child(2){color:silver}.results li:nth-child(3){color:#cd7f32}.key-hint{font-size:.8rem;color:#fff6;text-align:center}.key-hint kbd{display:inline-block;padding:.1rem .4rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;font-family:monospace;font-size:.8rem;margin:0 .15rem}.difficulty-select{display:flex;gap:.5rem;align-items:center}.difficulty-select label{font-size:.9rem;color:#fff9}.difficulty-select select{padding:.4rem .6rem;background:#16213e;color:#fafafa;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:.85rem;cursor:pointer}