:root{--primary-azure:#0077b6;--vibrant-cyan:#00f5d4;--sunset-orange:#f4a261;--racing-red:#e63946;--dark-navy:#0b132b;--panel-bg:#0b132be0;--panel-border:#00f5d459;--text-primary:#fff;--text-muted:#a8dadc}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body,html{width:100%;height:100%;color:var(--text-primary);background-color:#050814;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#game-canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#ui-root{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.ui-view{pointer-events:auto;opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity .25s,visibility .25s;display:flex;position:absolute;top:0;left:0}.ui-view.active{opacity:1;visibility:visible}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:24px;box-shadow:0 16px 36px #0009}h1.game-logo{text-transform:uppercase;letter-spacing:3px;background:linear-gradient(135deg,#00f5d4 0%,#f4a261 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 16px #00f5d44d;-webkit-background-clip:text;margin-bottom:8px;font-size:42px;font-weight:900}h2{text-transform:uppercase;letter-spacing:1.5px;color:#fff;margin-bottom:16px;font-size:26px;font-weight:800}h3{color:var(--sunset-orange);text-transform:uppercase;margin-bottom:8px;font-size:18px;font-weight:700}p{color:var(--text-muted);font-size:14px;line-height:1.5}button.btn-primary{color:#0b132b;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#0077b6 0%,#00f5d4 100%);border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .15s,filter .15s}button.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #00f5d473}button.btn-primary:active{transform:translateY(0)}button.btn-secondary{color:#fff;text-transform:uppercase;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s}button.btn-secondary:hover{border-color:var(--vibrant-cyan);background:#ffffff2e}button.btn-danger{color:#ff6b6b;border:1px solid var(--racing-red);cursor:pointer;background:#e6394633;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:700}button.btn-danger:hover{background:#e6394666}#view-menu{flex-direction:column;justify-content:center;align-items:flex-start;padding:80px}.menu-card{flex-direction:column;gap:14px;width:380px;display:flex}#view-garage{flex-direction:row;justify-content:space-between;align-items:center;padding:60px}.garage-sidebar{flex-direction:column;gap:16px;width:360px;display:flex}.car-selector-tabs{flex-direction:column;gap:10px;display:flex}.car-tab-btn{text-align:left;cursor:pointer;color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;padding:14px 18px;transition:all .2s}.car-tab-btn.selected{border-color:var(--vibrant-cyan);background:#00f5d41f;box-shadow:0 0 16px #00f5d440}.stat-row{flex-direction:column;gap:4px;margin-top:6px;display:flex}.stat-label{color:var(--text-muted);justify-content:space-between;font-size:12px;font-weight:700;display:flex}.stat-bar-bg{background:#ffffff1a;border-radius:4px;width:100%;height:8px;overflow:hidden}.stat-bar-fill{background:linear-gradient(90deg,#0077b6,#00f5d4);border-radius:4px;height:100%}#view-setup{justify-content:center;align-items:center}.setup-card{flex-direction:column;gap:20px;width:680px;display:flex}.options-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.option-box{cursor:pointer;text-align:center;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;padding:14px;transition:all .15s}.option-box.selected{border-color:var(--sunset-orange);background:#f4a26129;box-shadow:0 0 12px #f4a2614d}.option-title{color:#fff;margin-bottom:4px;font-size:15px;font-weight:700}.option-sub{color:var(--text-muted);font-size:11px}#view-hud{pointer-events:none;flex-direction:column;justify-content:space-between;padding:30px 40px;display:flex}.hud-top-bar{justify-content:space-between;align-items:flex-start;display:flex}.hud-badge{background:var(--panel-bg);border:1px solid var(--panel-border);letter-spacing:1px;border-radius:8px;padding:10px 18px;font-size:20px;font-weight:800}.hud-center-countdown{color:#fff;text-shadow:0 0 30px #00f5d4cc;pointer-events:none;font-size:96px;font-weight:900;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.hud-bottom-bar{justify-content:space-between;align-items:flex-end;display:flex}.speedometer-container{flex-direction:column;align-items:flex-end;display:flex}.speed-digital{color:#fff;text-shadow:0 0 16px #0077b6cc;font-size:64px;font-weight:900;line-height:1}.speed-unit{color:var(--vibrant-cyan);text-transform:uppercase;margin-top:2px;font-size:14px;font-weight:700}.nitro-gauge{flex-direction:column;gap:6px;width:240px;margin-top:10px;display:flex}.nitro-bar-bg{border:1px solid var(--vibrant-cyan);background:#0009;border-radius:6px;width:100%;height:14px;padding:1px;overflow:hidden}.nitro-bar-fill{background:linear-gradient(90deg,#0077b6,#00f5d4);border-radius:4px;height:100%;transition:width 50ms linear}#view-pause,#view-results,#view-replays,#view-settings,#view-photo{justify-content:center;align-items:center}.modal-card{flex-direction:column;gap:16px;width:580px;max-height:90vh;display:flex;overflow-y:auto}#view-replay-hud{pointer-events:none;flex-direction:column;justify-content:space-between;padding:24px 36px}.replay-controls-card{pointer-events:auto;flex-direction:column;gap:12px;width:100%;max-width:900px;margin:0 auto;display:flex}.timeline-row{align-items:center;gap:16px;display:flex}.timeline-slider{cursor:pointer;accent-color:var(--vibrant-cyan);flex:1}.replay-buttons-row{justify-content:space-between;align-items:center;display:flex}#view-photo .photo-studio-card{flex-direction:column;gap:14px;width:420px;display:flex;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.photo-control-row{flex-direction:column;gap:4px;display:flex}.photo-control-row label{color:var(--text-muted);justify-content:space-between;font-size:13px;font-weight:700;display:flex}.photo-control-row input[type=range]{accent-color:var(--sunset-orange)}select.photo-select{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:8px 12px}.data-table{border-collapse:collapse;width:100%;margin:10px 0}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #ffffff1a;padding:10px 14px;font-size:14px}.data-table th{color:var(--sunset-orange);text-transform:uppercase;font-size:12px;font-weight:700}