:root{--menu-bg:var(--color-bg-overlay);--menu-bg-solid:var(--color-bg-primary);--menu-accent:var(--color-accent);--menu-secondary:var(--color-secondary);--menu-text:var(--color-text-primary);--menu-text-dim:var(--color-text-muted);--button-bg:var(--color-bg-tertiary);--button-border:transparent;--button-border-hover:var(--color-white);--button-width:400px;--font-main:var(--font-main)}.menu-overlay{background:var(--menu-bg);z-index:100;width:100%;height:100%;font-family:var(--font-main);box-sizing:border-box;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;top:0;left:0}.menu-container{width:100%;max-width:var(--button-width);flex-direction:column;gap:15px;margin:0 auto;display:flex}.main-menu-content{flex-direction:row;justify-content:center;align-items:center;gap:60px;width:100%;max-width:1000px;display:flex}.menu-left-panel{flex-direction:column;align-items:center;width:450px;display:flex}.menu-right-panel{background:var(--color-bg-overlay-light);border:4px solid var(--color-white);flex-direction:column;align-items:center;width:450px;padding:30px;display:flex}.menu-title{color:var(--menu-text);text-transform:uppercase;letter-spacing:.3rem;text-align:center;text-shadow:4px 4px 0px var(--menu-accent);margin-bottom:3rem;font-size:2.5rem;line-height:1.2}.nickname-container{flex-direction:column;gap:10px;width:100%;margin-bottom:2rem;display:flex}.nickname-container label{color:var(--menu-secondary);text-align:left;font-size:.7rem}.nickname-container input{background:var(--color-bg-tertiary);border:4px solid var(--color-white);color:var(--color-white);text-align:center;outline:none;padding:12px;font-family:inherit;font-size:1rem}.nickname-container input:focus{border-color:var(--menu-accent);box-shadow:var(--shadow-accent)}.menu-button-container{flex-direction:column;gap:15px;width:100%;display:flex}.menu-button{background-color:var(--button-bg);color:var(--menu-text);border:4px solid var(--button-border);cursor:pointer;text-transform:uppercase;box-sizing:border-box;outline:none;justify-content:center;align-items:center;width:100%;padding:18px 25px;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .15s ease-out;display:flex;position:relative}.menu-button:hover,.menu-button.focused{background-color:var(--color-text-dim);border-color:var(--button-border-hover);z-index:10;transform:scale(1.1)}.menu-button .arrow{visibility:hidden;text-align:center;width:30px;color:var(--menu-secondary)}.menu-button.focused .arrow{visibility:visible}.menu-button .label{text-align:center;flex:1}.high-score-text{color:var(--menu-text-dim);margin-top:1.5rem;font-size:.6rem}.leaderboard-preview{text-align:center;width:100%}.leaderboard-preview h3{color:var(--menu-text);margin:0;font-size:1.2rem}.weekly-label{color:var(--color-warning);margin:10px 0 25px;font-size:.7rem}.leaderboard-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.leaderboard-item{background:var(--color-bg-overlay-med);border:2px solid #0000;align-items:center;padding:12px;font-size:.7rem;display:flex}.leaderboard-item .rank{text-align:left;width:50px;color:var(--menu-text-dim)}.leaderboard-item .name{text-align:left;color:var(--menu-text);flex-grow:1}.leaderboard-item .score{color:var(--menu-secondary)}.top-1{border-color:var(--color-gold);background:#ffd70026}.top-2{border-color:var(--color-silver);background:#c0c0c026}.top-3{border-color:var(--color-bronze);background:#cd7f3226}.leaderboard-hint{color:var(--color-text-dim);font-size:.5rem;line-height:1.4}.settings-overlay{background-color:var(--menu-bg-solid)!important;z-index:2000!important}.settings-tabs{gap:5px;width:100%;max-width:800px;margin:0 auto;padding:0 20px;display:flex}.settings-tab-button{background-color:var(--color-bg-tertiary);color:var(--color-white);cursor:pointer;whiteSpace:nowrap;border:3px solid #0000;outline:none;flex:1;justify-content:center;align-items:center;padding:10px 15px;font-family:inherit;font-size:.8rem;transition:all .1s;display:flex}.settings-tab-button.active{background-color:var(--menu-accent)}.settings-tab-button.focused{border-color:var(--color-white);z-index:10;transform:scale(1.05)}.settings-row{border-bottom:1px solid var(--color-bg-tertiary);box-sizing:border-box;justify-content:space-between;align-items:center;gap:20px;padding:15px 10px;transition:background-color .1s;display:flex}.settings-row.focused{background-color:var(--color-bg-overlay-med);outline:2px solid var(--color-white)}@media (width<=1000px){.main-menu-content{flex-direction:column;align-items:center;gap:30px;padding:20px 0;overflow-y:auto}.menu-title{margin-bottom:1.5rem;font-size:1.8rem}}.car-selection-full-overlay{background-color:var(--color-bg-overlay-dark);z-index:5000;width:100%;height:100%;font-family:var(--font-main);color:var(--color-white);box-sizing:border-box;pointer-events:auto;flex-direction:column;display:flex;position:absolute;top:0;left:0}.settings-style-header{text-align:center;padding:40px 20px 20px}.settings-style-title{color:var(--color-secondary);text-shadow:4px 4px 0px var(--color-black);margin:0;font-size:2.2rem}.car-carousel-container{flex:1;justify-content:center;align-items:center;width:100%;margin:10px 0;display:flex;position:relative;overflow:hidden}.carousel-track{justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative}.carousel-nav-arrow{color:var(--color-white);cursor:pointer;z-index:100;-webkit-user-select:none;user-select:none;padding:20px;font-size:2.5rem;transition:transform .1s}.carousel-nav-arrow:hover{color:var(--color-accent);transform:scale(1.1)}.car-carousel-card{background:var(--color-bg-primary);border:4px solid var(--color-border-primary);box-sizing:border-box;opacity:.4;flex-direction:column;width:320px;height:180px;transition:all .1s ease-out;display:flex;position:absolute;overflow:hidden}.car-carousel-card.focused{z-index:50;border-color:var(--color-white);opacity:1;box-shadow:var(--shadow-white);background:var(--color-bg-secondary);transform:scale(1.2)}.car-carousel-card.applied{border-color:var(--color-accent)}.car-carousel-card.offset--1{z-index:40;transform:translate(-320px)scale(.8)}.car-carousel-card.offset-1{z-index:40;transform:translate(320px)scale(.8)}.car-carousel-card.offset--2{z-index:30;opacity:.1;transform:translate(-550px)scale(.6)}.car-carousel-card.offset-2{z-index:30;opacity:.1;transform:translate(550px)scale(.6)}.car-carousel-preview{background:var(--color-black);flex:1;justify-content:center;align-items:center;padding:15px;display:flex;overflow:hidden}.car-carousel-preview img{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated}.car-info-stats-panel{background:var(--color-bg-dark);border:4px solid var(--color-border-primary);width:100%;max-width:600px;margin:0 auto 20px;padding:25px;transition:opacity .1s}.car-info-stats-panel.dimmed{opacity:.3}.car-details-header{border-bottom:2px solid var(--color-border-primary);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.selected-car-name{color:var(--color-white);margin:0;font-size:1.2rem}.selected-car-status{font-size:.6rem}.status-ready{color:var(--color-success);letter-spacing:1px}.status-select{color:var(--color-secondary);animation:.8s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.car-stats-content{flex-direction:column;gap:15px;display:flex}.stat-row{align-items:center;gap:20px;display:flex}.stat-label{width:140px;color:var(--color-text-muted);font-size:.65rem}.stat-bar{background:var(--color-black);border:2px solid var(--color-border-secondary);flex:1;height:12px;position:relative}.stat-fill{background:var(--color-accent);height:100%;box-shadow:inset 0 0 5px #ffffff4d}.settings-style-footer{text-align:center;padding:20px 40px 40px}.car-selection-back-btn{width:350px!important;margin:0 auto!important}@media (width<=800px){.car-carousel-card{width:200px;height:120px}.car-carousel-card.offset--1{transform:translate(-160px)scale(.8)}.car-carousel-card.offset-1{transform:translate(160px)scale(.8)}.settings-style-title{font-size:1.5rem}.selected-car-name{font-size:.9rem}.car-selection-back-btn{width:100%!important}}.music-player{border:2px solid var(--color-white);color:var(--color-white);font-family:var(--font-main);z-index:100;pointer-events:auto;min-width:250px;box-shadow:var(--shadow-standard);background:#000000b3;border-radius:4px;align-items:center;gap:15px;padding:10px 15px;display:flex;position:absolute;bottom:20px;left:20px}.track-info{flex:1;align-items:center;gap:12px;display:flex;overflow:hidden}.music-icon{color:var(--color-secondary);font-size:1.2rem;animation:1s ease-in-out infinite music-bounce}@keyframes music-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.text-container{flex-direction:column;gap:4px;display:flex;overflow:hidden}.track-title{white-space:nowrap;text-overflow:ellipsis;color:var(--color-white);font-size:.65rem;overflow:hidden}.track-author{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.5rem;overflow:hidden}.music-controls{gap:8px;display:flex}.music-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-white);color:var(--color-white);font-family:var(--font-main);cursor:pointer;justify-content:center;align-items:center;min-width:32px;padding:5px 8px;font-size:.7rem;transition:all .1s;display:flex}.music-btn:hover{background:var(--color-white);color:var(--color-black)}.music-btn:active{transform:translateY(2px)}.pause-btn{color:var(--color-secondary)}.skip-btn{color:var(--color-white)}@media (width<=600px){.music-player{min-width:200px;padding:8px 10px;bottom:80px;left:10px}}html,body,#root{background-color:var(--color-bg-secondary);width:100%;height:100%;font-family:var(--font-main);margin:0;padding:0;overflow:hidden}:root{--color-black:#000;--color-white:#fff;--color-bg-primary:#1a1a1a;--color-bg-secondary:#222;--color-bg-tertiary:#333;--color-bg-dark:#111;--color-bg-black:#000;--color-bg-overlay:#000000e6;--color-bg-overlay-dark:#0a0a0afa;--color-bg-overlay-light:#ffffff0d;--color-bg-overlay-med:#ffffff1a;--color-text-primary:#fff;--color-text-secondary:#aaa;--color-text-muted:#888;--color-text-dim:#666;--color-accent:red;--color-secondary:#ff0;--color-success:#0f0;--color-gold:gold;--color-silver:silver;--color-bronze:#cd7f32;--color-warning:#fa0;--color-border-primary:#333;--color-border-secondary:#222;--color-border-light:#fff;--shadow-standard:0 4px 10px #00000080;--shadow-accent:0 0 15px #f006;--shadow-white:0 0 30px #ffffff1a;--font-main:"Press Start 2P", cursive, sans-serif}canvas{display:block}