body{margin:0;background-color:#090514;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.game-app{display:flex;flex-direction:column;height:100vh;width:100vw;background:radial-gradient(circle at center,#1e1135,#090514)}.game-header-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#0f051dd9;border-bottom:2px solid #3b0764;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.logo-icon{font-size:28px}.game-title{font-size:20px;font-weight:900;letter-spacing:1px;background:linear-gradient(to right,#38bdf8,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-btn{display:flex;align-items:center;gap:6px;background:#1e1b4b;border:1px solid #4338ca;padding:8px 14px;border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.header-btn:hover{background:#312e81;transform:translateY(-2px)}.game-main{flex:1;display:flex;justify-content:center;align-items:center;position:relative;padding:20px}.canvas-wrapper{position:relative;width:800px;height:500px;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 30px #a855f733;border:4px solid #4c1d95;background-color:#000}.game-canvas{width:100%;height:100%;display:block}.start-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#0b0516e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-section{text-align:center;margin-bottom:24px}.hero-title{font-size:48px;font-weight:900;letter-spacing:2px;background:linear-gradient(to bottom,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.hero-subtitle{color:#a78bfa;font-size:16px;margin-top:8px}.ai-generator-card{background:#1e1b4b99;border:1px solid #4338ca;padding:16px;border-radius:12px;width:360px;margin-bottom:24px}.ai-input{flex:1;background:#0f172a;border:1px solid #334155;padding:8px 12px;border-radius:6px;color:#fff;font-size:14px;outline:none}.ai-input:focus{border-color:#06b6d4}.ai-btn{background:linear-gradient(to right,#06b6d4,#3b82f6);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px}.ai-btn:disabled{opacity:.6}.play-btn{background:linear-gradient(to right,#ec4899,#8b5cf6);color:#fff;border:none;padding:14px 36px;font-size:18px;font-weight:900;border-radius:30px;cursor:pointer;box-shadow:0 10px 25px #ec489966;transition:all .2s;display:flex;align-items:center;gap:8px}.play-btn:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 15px 30px #ec489999}.result-card{background:#1e293be6;border:2px solid #475569;padding:32px;border-radius:16px;width:400px;text-align:center}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-box{background:#1e293b;padding:12px;border-radius:8px;border:1px solid #334155}.stat-label{display:block;font-size:12px;color:#94a3b8;margin-bottom:4px}.stat-val{font-size:24px;font-weight:900}.garage-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:100}.garage-card{background:#1e1b4b;border:2px solid #6366f1;border-radius:16px;width:450px;padding:24px;box-shadow:0 25px 50px #00000080}.garage-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #312e81;padding-bottom:16px;margin-bottom:16px}.coin-badge{display:flex;align-items:center;gap:6px;background:#311042;border:1px solid #a855f7;padding:6px 12px;border-radius:20px;font-weight:700}.section-title{font-size:14px;color:#818cf8;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:6px}.color-grid{display:flex;gap:12px}.color-btn{width:36px;height:36px;border-radius:50%;background-color:var(--color);border:3px solid transparent;cursor:pointer;position:relative;transition:all .2s}.color-btn.active{border-color:#fff;transform:scale(1.1)}.color-btn .tooltip{visibility:hidden;position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:4px 8px;font-size:10px;border-radius:4px;white-space:nowrap}.color-btn:hover .tooltip{visibility:visible}.upgrade-row{display:flex;justify-content:space-between;align-items:center;background:#1e1b4b80;padding:12px;border-radius:8px;margin-bottom:10px}.upgrade-info{display:flex;flex-direction:column;gap:2px}.level-dots{display:flex;gap:4px;margin-top:6px}.dot{width:16px;height:6px;background:#312e81;border-radius:2px}.dot.filled{background:#22c55e;box-shadow:0 0 8px #22c55e}.upgrade-btn{background:#4f46e5;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-weight:700;cursor:pointer}.upgrade-btn:disabled{background:#312e81;color:#64748b;cursor:not-allowed}.close-btn{width:100%;background:#22c55e;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;margin-top:16px}.hud-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:16px;box-sizing:border-box}.hud-top{display:flex;justify-content:space-between;align-items:flex-start}.hud-panel{background:#0f172acc;border:1px solid #334155;padding:8px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.label{font-size:10px;color:#94a3b8;font-weight:700}.value{font-size:18px;font-weight:900;color:#fff}.progress-container{position:absolute;top:75px;left:50%;transform:translate(-50%);width:300px;height:6px;background:#fff3;border-radius:3px}.progress-bar{height:100%;background:#a855f7;border-radius:3px}.progress-car{position:absolute;top:-8px;transform:translate(-50%);font-size:14px}.hud-bottom{display:flex;justify-content:space-between;align-items:flex-end}.speedometer-container{background:#0f172acc;border:1px solid #334155;padding:12px;border-radius:12px;width:120px;text-align:center}.speed-ring{margin-bottom:6px}.speed-value{font-size:32px;font-weight:900;color:#38bdf8;line-height:1}.speed-unit{font-size:10px;color:#94a3b8}.speed-bar-bg{height:4px;background:#334155;border-radius:2px;overflow:hidden}.speed-bar-fill{height:100%;background:#38bdf8}.nitro-container{background:#0f172acc;border:1px solid #334155;padding:12px;border-radius:12px;width:200px}.nitro-bar-bg{height:12px;background:#334155;border-radius:6px;overflow:hidden}.nitro-bar-fill{height:100%;background:#06b6d4;transition:width .1s linear}.nitro-bar-fill.nitro-active{background:linear-gradient(to right,#22d3ee,#ec4899);animation:pulse .2s infinite alternate}.control-tips{position:absolute;bottom:120px;left:50%;transform:translate(-50%);background:#0009;padding:6px 16px;border-radius:20px;font-size:12px;color:#cbd5e1;display:flex;gap:12px}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}