:root{--white: #e0e0e0;--black: #121212;--bg-color: var(--white);--text-color: var(--black)}@media (prefers-color-scheme: dark){:root{--bg-color: var(--black);--text-color: var(--white)}}body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;display:flex;justify-content:center}html,body{height:100%;margin:0}#app{min-height:100%;display:flex;flex-direction:column}main{flex:1}.game-timer{position:fixed;top:12px;right:12px;padding:8px 12px;background:#0009;color:#fff;font-family:monospace,system-ui,sans-serif;font-size:18px;border-radius:6px;z-index:9999}.hud{position:fixed;top:12px;right:12px;left:12px;display:flex;gap:12px;align-items:center;z-index:9999}.game-bonus{padding:8px 12px;background:#0009;color:#fff;font-family:monospace,system-ui,sans-serif;font-size:18px;border-radius:6px}.game-over-score{margin-bottom:12px;font-size:20px}.game-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;font-size:36px;font-family:system-ui,sans-serif;z-index:10000}.game-overlay-inner{text-align:center}.game-over-title{margin-bottom:16px}.game-restart-btn{padding:10px 16px;font-size:16px;cursor:pointer}.color-picker-container{display:flex;align-items:center}.car-color-picker{width:48px;height:48px;border:2px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:border-color .2s ease}.car-color-picker:hover{border-color:#fff9}.loading-container{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-color);z-index:10001;transition:opacity .3s ease-out}.loading-container.hidden{opacity:0;pointer-events:none}.loading-bar{width:300px;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:16px;box-shadow:0 0 10px #0003}.loading-progress{height:100%;background:linear-gradient(90deg,#4a90e2,#7b68ee);width:0%;transition:width .3s ease-out;border-radius:4px;box-shadow:0 0 10px #4a90e280}.loading-text{color:var(--text-color);font-family:system-ui,sans-serif;font-size:16px;opacity:.8}.controls-panel{position:fixed;bottom:20px;left:20px;background-color:#00000080;padding:10px;border-radius:8px;-webkit-user-select:none;user-select:none;display:grid;grid-template-areas:".  up   ." "left down right";gap:4px;font-size:24px;touch-action:none}.control-arrow{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:4px;transition:all .1s ease;cursor:pointer}.control-arrow:hover{background-color:#ffffff4d}.control-arrow.pressed{background-color:#fffc}.control-arrow-up{grid-area:up}.control-arrow-down{grid-area:down}.control-arrow-left{grid-area:left}.control-arrow-right{grid-area:right}.joystick-container{position:fixed;bottom:0;left:0;right:0;height:150px;touch-action:none;z-index:10000}.joystick{position:absolute;left:calc(50% - 75px);right:calc(50% - 75px);width:150px;height:150px;background-color:#0003;border:2px solid rgba(255,255,255,.2);border-radius:50%;display:block;z-index:10010}.joystick-knob{position:absolute;width:60px;height:60px;background-color:#fffc;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}