:root{--brick-red: #e03b3b;--brick-yellow: #ffd23f;--brick-blue: #2f81f7;--brick-green: #33d17a;--ink: #1b2330;--panel: rgba(18, 24, 38, .86);--panel-light: rgba(30, 40, 60, .92);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b1020;color:#fff}#app{position:fixed;inset:0}canvas{display:block}button{font-family:inherit;font-weight:700;cursor:pointer;border:none;border-radius:10px;padding:12px 18px;color:#fff;background:linear-gradient(#3a86ff,#2f6fd6);box-shadow:0 4px #1f4ea0,0 6px 12px #00000059;transition:transform .06s ease,box-shadow .06s ease;letter-spacing:.3px}button:active{transform:translateY(3px);box-shadow:0 1px #1f4ea0}button.primary{background:linear-gradient(var(--brick-green),#27ae60);box-shadow:0 4px #1d8348,0 6px 12px #00000059}button.primary:active{box-shadow:0 1px #1d8348}button.ghost{background:#ffffff14;box-shadow:0 4px #0000004d}.studs{display:flex;gap:8px;justify-content:center;margin-bottom:6px}.stud{width:18px;height:10px;border-radius:50%/70%;background:#ffffff40}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 20%,#28406b,#0b1020 70%);z-index:50}.overlay.hidden{display:none}.card{width:min(1140px,95vw);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:26px 30px;box-shadow:0 24px 60px #00000080}.title{font-size:46px;font-weight:900;text-align:center;margin:4px 0 2px;background:linear-gradient(90deg,var(--brick-red),var(--brick-yellow),var(--brick-green),var(--brick-blue));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.2)}.subtitle{text-align:center;opacity:.7;margin:0 0 18px}.row{display:flex;gap:16px;flex-wrap:wrap}.col{flex:1 1 320px}label{display:block;font-size:13px;opacity:.75;margin:12px 0 4px;text-transform:uppercase;letter-spacing:1px}input[type=text]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0000004d;color:#fff;font-size:16px;font-family:inherit}input[type=range]{width:100%;accent-color:var(--brick-green);cursor:pointer}#settings label{display:flex;justify-content:space-between;align-items:center}#settings label span{opacity:.9;text-transform:none;letter-spacing:0}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:34px;height:34px;border-radius:8px;cursor:pointer;border:3px solid transparent;box-shadow:inset 0 -6px #00000040}.swatch.sel{border-color:#fff;transform:scale(1.08)}.hats,.parts{display:flex;gap:8px;flex-wrap:wrap}.hat-btn{padding:8px 12px;font-size:13px}.hat-btn.sel{outline:3px solid var(--brick-yellow)}#garage-preview{width:100%;height:320px;border-radius:14px;background:linear-gradient(#1a2742,#0e1830);border:1px solid rgba(255,255,255,.08)}.actions{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap}#hud{position:fixed;inset:0;pointer-events:none;z-index:20;font-weight:800}.hud-tl{position:absolute;top:16px;left:16px}.hud-tr{position:absolute;top:16px;right:16px;text-align:right}.hud-bl{position:absolute;bottom:16px;left:16px}.hud-br{position:absolute;bottom:16px;right:16px}.badge{display:inline-block;background:var(--panel);border-radius:12px;padding:8px 14px;border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 16px #00000059;margin-bottom:8px}.big-num{font-size:34px;line-height:1}.small-label{font-size:11px;opacity:.7;text-transform:uppercase;letter-spacing:1px}#speedo{font-size:40px}#speedo small{font-size:14px;opacity:.7}#item-slot{width:92px;height:92px;border-radius:16px;background:var(--panel);border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0006;position:relative}#item-slot .icon{width:56px;height:56px;border-radius:10px;box-shadow:inset 0 -8px #00000040;transition:transform .1s;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;color:#000000c7;text-shadow:0 1px 0 rgba(255,255,255,.4)}#item-slot .icon.empty{background:#ffffff0f;box-shadow:none}#item-slot .name{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:12px;opacity:.85}#item-slot .pips{position:absolute;top:6px;left:0;right:0;display:flex;gap:4px;justify-content:center}#item-slot .pip{width:12px;height:6px;border-radius:2px;background:#ffffff2e}#item-slot .pip.on{background:var(--brick-yellow);box-shadow:0 0 6px #ffd23fcc}#center-msg{position:fixed;top:26%;left:0;right:0;text-align:center;z-index:25;pointer-events:none}#center-msg .count{font-size:130px;font-weight:900;text-shadow:0 6px 0 rgba(0,0,0,.35)}#center-msg .msg{font-size:54px;font-weight:900;text-shadow:0 4px 0 rgba(0,0,0,.35)}#minimap{position:fixed;bottom:16px;right:16px;z-index:21;background:var(--panel);border-radius:14px;padding:8px;box-shadow:0 8px 20px #0006}#positions{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:21}.pos-pill{display:inline-flex;gap:8px;align-items:center;background:var(--panel);padding:6px 12px;border-radius:20px;font-size:13px}#results-table{width:100%;border-collapse:collapse;margin-top:12px}#results-table th,#results-table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}#results-table tr.you{background:#ffd23f1f}.medal{font-size:18px}#hub-banner{position:fixed;bottom:96px;left:50%;transform:translate(-50%);z-index:21;background:var(--panel);padding:12px 20px;border-radius:14px;text-align:center;border:1px solid rgba(255,255,255,.1)}#hub-banner .hint{opacity:.75;font-size:13px;font-weight:600;margin-top:4px}#hub-banner.hidden,.hidden{display:none!important}#pad-progress{height:6px;background:#ffffff26;border-radius:4px;margin-top:8px;overflow:hidden}#pad-progress>div{height:100%;width:0%;background:var(--brick-green);transition:width .1s}#toast-wrap{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;gap:6px;align-items:center}.toast{background:var(--panel);padding:8px 16px;border-radius:20px;font-size:14px;animation:pop .25s ease}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}#players-panel{position:fixed;top:104px;right:16px;z-index:21;background:var(--panel);border-radius:14px;padding:12px 14px;min-width:180px}#players-panel h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.7}.player-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:3px 0}.player-dot{width:12px;height:12px;border-radius:3px}.kbd{display:inline-block;background:#ffffff1f;border-radius:5px;padding:2px 7px;font-size:12px;border-bottom:2px solid rgba(0,0,0,.4)}.controls-help{font-size:13px;opacity:.8;line-height:1.9}#connstatus{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:60;font-size:13px;background:#e03b3be6;padding:6px 14px;border-radius:20px}#connstatus.hidden{display:none}body.a11y .big-num{font-size:42px}body.a11y #speedo{font-size:50px}body.a11y .small-label{font-size:13px;opacity:.95}body.a11y #item-slot{width:104px;height:104px}body.a11y #item-slot .icon{width:68px;height:68px;font-size:38px}body.a11y .badge,body.a11y #players-panel,body.a11y #golden .badge,body.a11y #spectate .badge,body.a11y .toast,body.a11y #hub-banner{background:#060a14f5;border-color:#ffffff80}body.a11y #center-msg .count{font-size:150px}body.a11y .player-row{font-size:15px}#touch{position:fixed;inset:0;z-index:28;pointer-events:none;touch-action:none}#touch .touch-left{position:absolute;left:18px;bottom:96px;display:flex;gap:14px}#touch .touch-right{position:absolute;right:18px;bottom:24px;display:grid;grid-template-columns:auto auto;gap:14px;align-items:end}.touch-btn{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;width:76px;height:76px;border-radius:50%;font-size:24px;font-weight:900;background:#ffffff24;color:#fff;border:2px solid rgba(255,255,255,.25);box-shadow:0 4px 10px #0006;display:flex;align-items:center;justify-content:center}.touch-btn.pressed{background:#ffffff57;transform:scale(.94)}.touch-btn.pedal.gas{background:#33d17a66;width:92px;height:92px}.touch-btn.pedal.brake{background:#e03b3b66}.touch-btn.act{font-size:14px}.touch-btn.act.drift{background:#2f81f766}.touch-btn.act.item{background:#ffd23f66}.touch-btn.respawn{position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:56px;height:56px;font-size:22px;opacity:.7}#golden{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:21;font-weight:800}#golden .badge{background:#281e08db;border-color:#ffcf3f80}#spectate{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:24;font-weight:800}#spectate .badge{background:#121826eb}#seeker-reticle{position:fixed;z-index:25;pointer-events:none;transform:translate(-50%,-50%)}#seeker-reticle .ret-ring{width:60px;height:60px;border:3px solid #ff5ce0;border-radius:50%;box-shadow:0 0 10px #ff5ce0cc,inset 0 0 8px #ff5ce080;animation:seekerSpin 1.4s linear infinite;position:relative}#seeker-reticle .ret-ring:before,#seeker-reticle .ret-ring:after{content:"";position:absolute;background:#ff5ce0;box-shadow:0 0 6px #ff5ce0e6}#seeker-reticle .ret-ring:before{width:3px;height:14px;left:50%;top:-8px;transform:translate(-50%)}#seeker-reticle .ret-ring:after{width:14px;height:3px;top:50%;left:-8px;transform:translateY(-50%)}#seeker-reticle .ret-name{position:absolute;top:64px;left:50%;transform:translate(-50%);white-space:nowrap;font-weight:800;font-size:13px;color:#ff8cec;text-shadow:0 1px 3px rgba(0,0,0,.8);background:#121826b3;padding:1px 7px;border-radius:6px}#seeker-reticle.offscreen .ret-ring{border-style:dashed;opacity:.8}@keyframes seekerSpin{to{transform:rotate(360deg)}}#rearview{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:26;font-weight:900;font-size:15px;letter-spacing:1px;color:#fff;background:#121826cc;border:2px solid rgba(255,255,255,.5);padding:4px 14px;border-radius:8px;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.7)}#overtake{position:fixed;top:42%;left:50%;transform:translate(-50%);z-index:26;font-size:42px;font-weight:900;color:var(--brick-yellow);text-shadow:0 3px 0 rgba(0,0,0,.45);opacity:0;pointer-events:none;white-space:nowrap}#overtake.show{animation:overtakePop 1.3s ease-out forwards}@keyframes overtakePop{0%{opacity:0;transform:translate(-50%) scale(.6) translateY(20px)}18%{opacity:1;transform:translate(-50%) scale(1.12) translateY(0)}70%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1) translateY(-34px)}}#healthbar{margin-top:6px}#healthbar .small-label{display:block;font-size:10px;letter-spacing:.08em;opacity:.8;margin-bottom:2px}.health-track{width:168px;height:12px;border-radius:6px;background:#00000073;border:1px solid rgba(255,255,255,.25);overflow:hidden}.health-fill{height:100%;width:100%;background:#33d17a;border-radius:5px;transition:width .18s ease-out,background .25s linear}#healthbar.critical .health-track{animation:hp-pulse .6s ease-in-out infinite}@keyframes hp-pulse{0%,to{box-shadow:0 0 #ff5c5c00}50%{box-shadow:0 0 12px #ff5c5cd9}}