:root{--bg:#070913;--panel:rgba(10,13,25,.78);--line:rgba(255,255,255,.12);--text:#f7fbff;--muted:#96a3b8;--cyan:#31e8ff;--pink:#ff3cac;--lime:#b8ff4d;--orange:#ff9848}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button,select{font:inherit}button{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);padding:14px 18px;border-radius:12px;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:.18s;backdrop-filter:blur(10px)}button:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.26)}button:active{transform:translateY(0) scale(.98)}button.primary{background:linear-gradient(90deg,var(--pink),#7d55ff 55%,var(--cyan));border:0;box-shadow:0 10px 35px rgba(49,232,255,.22)}#game-shell{position:relative;width:100%;height:100%;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.screen,.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px}.screen{z-index:20;background:radial-gradient(circle at 50% 35%,transparent 0,rgba(1,3,10,.3) 35%,rgba(1,3,10,.72) 100%)}.hidden{display:none!important}.glass{background:var(--panel);border:1px solid var(--line);box-shadow:0 22px 70px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(18px)}.menu-card{width:min(690px,92vw);padding:42px;border-radius:28px;text-align:left;position:relative;overflow:hidden}.menu-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,rgba(255,60,172,.22),transparent 35%,rgba(49,232,255,.16) 80%);pointer-events:none}.brand-kicker{font-size:11px;letter-spacing:.26em;color:var(--cyan);font-weight:900}.menu-card h1{font-size:clamp(48px,9vw,92px);line-height:.84;margin:16px 0 14px;font-style:italic;letter-spacing:-.06em;position:relative}.menu-card h1 span{background:linear-gradient(90deg,var(--cyan),#79a8ff,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:0 0 32px;color:#cbd5e1;font-size:16px}.menu-actions{display:grid;gap:12px;max-width:340px}.menu-actions button{width:100%;text-align:left}.menu-footer{margin-top:28px;font-size:11px;color:#718096;letter-spacing:.2em}.panel{width:min(620px,92vw);padding:28px;border-radius:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.panel h2,.pause-card h2,.result-card h2{margin:8px 0 0;font-size:32px;letter-spacing:-.04em}.icon-btn{padding:7px 12px;font-size:24px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.info-grid>div{display:flex;justify-content:space-between;gap:15px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.info-grid b{font-size:11px;letter-spacing:.08em}.info-grid span{font-weight:900;color:var(--cyan)}.panel p{color:#b9c4d4;line-height:1.65}.panel>button:last-child{margin-top:15px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}.setting-row input{display:none}.setting-row i{width:48px;height:27px;border-radius:999px;background:#21293a;border:1px solid var(--line);position:relative}.setting-row i:after{content:"";position:absolute;width:21px;height:21px;top:2px;left:2px;border-radius:50%;background:#9aa6bb;transition:.18s}.setting-row input:checked+i{background:linear-gradient(90deg,var(--pink),var(--cyan))}.setting-row input:checked+i:after{left:23px;background:#07111a}.setting-row select{background:#121827;border:1px solid var(--line);padding:9px 12px;border-radius:9px;color:white}.settings-note{font-size:12px;color:#7f8ca3;padding:18px 0}.overlay{z-index:30;background:rgba(0,0,0,.45);backdrop-filter:blur(4px)}#countdown{background:radial-gradient(circle,rgba(49,232,255,.1),rgba(0,0,0,.42))}#countdown-text{font-size:min(22vw,180px);font-weight:1000;font-style:italic;text-shadow:0 0 40px rgba(49,232,255,.7);animation:pulse .8s ease-in-out}.pause-card,.result-card{width:min(480px,92vw);padding:34px;border-radius:24px;text-align:center}.pause-card button,.result-card button{width:100%;margin-top:10px}.result-card h2{font-size:48px}.podium-number{font-size:68px;font-style:italic;font-weight:1000;background:linear-gradient(90deg,var(--cyan),white,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;margin:7px 0 20px}.result-stats{display:grid;grid-template-columns:1fr;gap:8px;text-align:left}.result-stats div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:11px 0}.result-stats span{font-size:10px;color:#77849a;letter-spacing:.16em}.result-stats b{font-size:15px}.hud{pointer-events:none}.hud-top{position:absolute;z-index:10;top:18px;left:18px;right:18px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px}.hud-chip{min-width:130px;padding:10px 14px;border:1px solid var(--line);background:rgba(6,10,20,.58);border-radius:13px;backdrop-filter:blur(12px)}.hud-chip.center{text-align:center}.hud-chip.right{text-align:right}.hud-chip span{display:block;font-size:9px;color:#8190a7;letter-spacing:.18em}.hud-chip strong{font-size:20px;line-height:1.2}.checkpoint-banner{position:absolute;top:88px;left:50%;transform:translateX(-50%) translateY(-10px);opacity:0;padding:8px 16px;border-radius:999px;background:rgba(49,232,255,.12);border:1px solid rgba(49,232,255,.45);font-size:11px;letter-spacing:.15em;font-weight:900;transition:.25s;z-index:11}.checkpoint-banner.show{opacity:1;transform:translateX(-50%)}.hud-bottom{position:absolute;z-index:10;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;align-items:end}.minimap-wrap{width:230px;height:230px;border-radius:16px;padding:5px;pointer-events:none}.minimap-wrap canvas{width:100%;height:100%;display:block;border-radius:12px}.race-meters{display:flex;align-items:end;gap:18px}.speedometer{min-width:175px;padding:10px 16px;border-radius:18px;background:rgba(6,10,20,.55);border:1px solid var(--line);text-align:right}.speed-label{font-size:10px;letter-spacing:.18em;color:#8390a5}.speedometer>div:nth-child(2){font-size:42px;font-weight:1000;line-height:1}.speedometer em{font-size:9px;font-style:normal;letter-spacing:.12em;color:#8996a8}.speed-arc{height:4px;background:rgba(255,255,255,.1);overflow:hidden;border-radius:99px;margin-top:8px}.speed-arc i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--pink))}.nitro{min-width:220px;padding:11px 14px;border-radius:14px;background:rgba(6,10,20,.55);border:1px solid var(--line)}.meter-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;font-weight:900}.meter-head span:last-child{color:var(--cyan)}.bar{height:11px;margin:7px 0;background:#1a2030;border-radius:99px;overflow:hidden}.bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--pink),var(--orange),var(--cyan));transition:width .1s}.nitro-help{font-size:9px;color:#748096;letter-spacing:.12em}.hud-buttons{position:absolute;top:94px;right:18px;display:flex;gap:8px;z-index:12}.hud-buttons button{pointer-events:auto;padding:10px 13px}.mobile-only{display:none}.touch-control{position:absolute!important;z-index:20;width:70px!important;height:70px;padding:0!important;border-radius:50%;pointer-events:auto;touch-action:none;user-select:none}.touch-control.left{left:22px;bottom:28px}.touch-control.right{left:104px;bottom:28px}.touch-control.accel{right:104px;bottom:28px}.touch-control.brake{right:22px;bottom:28px}.touch-control.nitro-btn{right:56px;bottom:110px;width:88px!important;height:44px!important;border-radius:13px;color:#fff;background:linear-gradient(90deg,rgba(255,60,172,.6),rgba(49,232,255,.55));font-size:12px}
@keyframes pulse{50%{transform:scale(1.09)}}
@media (max-width:800px){.menu-card{padding:28px}.hud-top{top:10px;left:10px;right:10px;gap:7px}.hud-chip{min-width:0;padding:8px 10px}.hud-chip strong{font-size:15px}.hud-bottom{left:10px;right:10px;bottom:100px}.minimap-wrap{width:140px;height:140px}.race-meters{gap:8px}.speedometer{min-width:135px}.speedometer>div:nth-child(2){font-size:31px}.nitro{min-width:150px}.hud-buttons{top:72px;right:10px}.mobile-only{display:block}.info-grid{grid-template-columns:1fr}.menu-footer{font-size:9px}.result-card h2{font-size:38px}}
@media (max-width:520px){.hud-bottom{align-items:end}.minimap-wrap{width:118px;height:118px}.speedometer{min-width:112px;padding:8px}.speedometer>div:nth-child(2){font-size:25px}.nitro{min-width:130px;padding:9px}.race-meters{display:grid;gap:6px}.hud-buttons{display:none}.hud-chip.right{display:none}.hud-top{grid-template-columns:1fr 1fr}.panel{padding:22px}.menu-card h1{font-size:49px}.tagline{font-size:13px}.mobile-only{display:block}}