*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Microsoft YaHei,PingFang SC,sans-serif;user-select:none;-webkit-user-select:none}#game-container{width:100vw;height:100vh}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100}.overlay.hidden{display:none}#start-screen{background:linear-gradient(135deg,#0a0a1a,#1a0a2e,#0a1a2e)}.start-content{text-align:center;color:#fff}.start-content h1{font-size:64px;background:linear-gradient(180deg,#f44,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;margin-bottom:8px;letter-spacing:6px}.start-content h2{font-size:28px;color:#fa0;margin-bottom:16px;letter-spacing:8px;font-weight:400}.track-info{font-size:16px;color:#888;margin-bottom:20px}.settings-row{display:flex;gap:24px;justify-content:center;margin-bottom:16px}.setting-group{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.setting-group label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:2px}.setting-group select{padding:6px 12px;font-size:14px;background:#ffffff14;color:#ddd;border:1px solid rgba(255,255,255,.2);border-radius:6px;outline:none;cursor:pointer;min-width:200px}.setting-group select:focus{border-color:#f80}.setting-group select option{background:#1a1a2e;color:#ddd}.controls-info{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}.key-hint{font-size:13px;color:#aaa}.key-hint kbd{display:inline-block;padding:3px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-family:inherit;font-size:12px;color:#fff;margin:0 2px}.finish-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}#start-btn,#restart-btn,#next-track-btn{padding:14px 40px;font-size:20px;font-weight:700;color:#fff;border:none;border-radius:8px;cursor:pointer;letter-spacing:4px;transition:transform .15s,box-shadow .15s}#start-btn{padding:14px 60px;font-size:22px;background:linear-gradient(135deg,#f44,#f80)}#restart-btn{background:linear-gradient(135deg,#f44,#f80)}#next-track-btn{background:linear-gradient(135deg,#4af,#26c)}#start-btn:hover,#restart-btn:hover,#next-track-btn:hover{transform:scale(1.05)}#start-btn:hover,#restart-btn:hover{box-shadow:0 0 30px #ff444480}#next-track-btn:hover{box-shadow:0 0 30px #44aaff80}#countdown-screen{background:transparent;pointer-events:none}.countdown-number{font-size:160px;font-weight:700;color:#fff;text-shadow:0 0 60px rgba(255,136,0,.8),0 0 120px rgba(255,68,0,.6),0 4px 8px rgba(0,0,0,.8);animation:countPulse .5s ease-out}@keyframes countPulse{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}.weather-indicator{position:absolute;top:20px;font-size:18px;color:#8ac;text-shadow:0 0 8px rgba(100,150,255,.5);letter-spacing:4px}#finish-screen{background:#000000d9}.finish-content{text-align:center;color:#fff;max-width:500px}#finish-title{font-size:48px;color:#fa0;margin-bottom:8px}.finish-track-name{font-size:20px;color:#ccc;margin-bottom:20px}#leaderboard{margin:16px 0 28px}.leader-row{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:15px}.leader-row.pos-1{color:gold;font-size:17px}.leader-row.pos-2{color:silver}.leader-row.pos-3{color:#cd7f32}.leader-pos{width:36px;font-weight:700}.leader-flag{width:30px;font-size:18px}.leader-name{flex:1;text-align:left;padding-left:8px}.leader-time{color:#aaa;font-family:monospace;font-size:14px}#hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hud-left{position:absolute;bottom:40px;left:40px}.hud-speed{display:flex;align-items:baseline;gap:4px}#speed-value{font-size:64px;font-weight:700;color:#fff;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(255,136,0,.5)}.hud-unit{font-size:18px;color:#aaa}.hud-gear{margin-top:4px}#gear-value{font-size:28px;font-weight:700;color:#fa0;background:#00000080;padding:2px 12px;border-radius:4px}.hud-right{position:absolute;bottom:40px;right:40px;text-align:right;display:flex;flex-direction:column;gap:6px}.hud-lap,.hud-time,.hud-position{font-size:16px;color:#fff;background:#00000080;padding:6px 14px;border-radius:4px}.hud-lap span:first-child,.hud-position span:first-child{color:#888;margin-right:10px;font-size:14px}#time-value{font-family:Courier New,monospace;font-size:24px;color:#fff}#ranking-panel{position:absolute;top:20px;left:20px;background:#000000a6;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 14px;min-width:210px;max-height:420px;overflow-y:auto}.ranking-header{font-size:13px;font-weight:700;color:#fa0;text-align:center;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:6px;letter-spacing:2px}.rank-row{display:flex;align-items:center;padding:4px 6px;font-size:12px;border-radius:3px;transition:background .2s}.rank-row.player-row{background:#f443;border-left:2px solid #ff4444;padding-left:4px}.rank-pos{width:22px;font-weight:700;text-align:center}.rank-pos.r1{color:gold}.rank-pos.r2{color:silver}.rank-pos.r3{color:#cd7f32}.rank-flag{width:20px;font-size:14px;text-align:center}.rank-name{flex:1;color:#ccc;padding-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-row .rank-name{color:#fff;font-weight:700}.rank-gap{color:#888;font-family:Courier New,monospace;font-size:10px;text-align:right;min-width:40px}#minimap{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:#000000a6;border:1px solid rgba(255,255,255,.25);border-radius:8px;overflow:hidden;width:280px;height:180px}#message-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:700;color:#fa0;text-shadow:0 0 20px rgba(255,136,0,.5);z-index:20;pointer-events:none;animation:msgFade 2s ease-out forwards}@keyframes msgFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0}}