:root{--honey:#ffb703;--honey-dark:#e09a00;--ink:#1d1a17;--panel:#1a1612db;--panel-border:#ffffff1f;--text:#fff8ea;--muted:#d7ccb6;--good:#06d6a0;--bad:#ef476f;--warn:#ffb703;--sky:#4cc9f0;color:var(--text);font-family:Trebuchet MS,Segoe UI,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{background:#1d1a17;height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#hud-root,#ui{pointer-events:none;position:absolute;inset:0}#ui>*{pointer-events:auto}button{font:inherit;color:var(--text);cursor:pointer;background:#ffffff14;border:2px solid #ffffff2e;border-radius:999px;padding:.7rem 1.3rem;font-size:1rem;font-weight:700;transition:transform 80ms,background .15s}button:hover:not(:disabled){background:#ffffff29;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--honey);border-color:var(--honey);color:var(--ink)}button.primary:hover:not(:disabled){background:#ffc733}button.ghost{background:0 0}input{font:inherit;color:var(--text);background:#00000059;border:2px solid #ffffff2e;border-radius:12px;outline:none;min-width:0;padding:.65rem .9rem;font-size:1.05rem}input:focus{border-color:var(--honey)}input::placeholder{color:#fff8ea66}kbd{color:var(--text);background:#ffffff24;border:1px solid #ffffff40;border-bottom-width:3px;border-radius:6px;margin:0 .1em;padding:.1em .45em;font-family:inherit;font-size:.8em;font-weight:700;display:inline-block}.screen{background:radial-gradient(at 50% 30%,#00000026,#0000008c);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0;overflow:auto}.screen[hidden]{display:none}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;width:min(560px,100%);padding:1.75rem 1.75rem 1.5rem;box-shadow:0 30px 80px #00000080}.panel.small{text-align:center;width:min(460px,100%)}.panel h2{margin:0 0 .75rem;font-size:1.6rem}.panel p{color:var(--muted);line-height:1.45}.logo{letter-spacing:.02em;color:var(--honey);text-shadow:0 3px #00000059;margin:0;font-size:2.6rem}.logo span{display:inline-block;transform:rotate(-12deg)}.tagline{color:var(--muted);margin:.35rem 0 1rem}.conn{border-left:4px solid var(--muted);background:#ffffff0f;border-radius:10px;margin-bottom:1rem;padding:.4rem .7rem;font-size:.85rem}.conn.ok{border-left-color:var(--good)}.conn.warn{border-left-color:var(--warn)}.conn.bad{border-left-color:var(--bad)}.field{flex-direction:column;gap:.35rem;margin-bottom:.9rem;display:flex}.field span,.label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.78rem;font-weight:700}.row{align-items:center;gap:.6rem;display:flex}.row.join input{text-transform:uppercase;letter-spacing:.25em;text-align:center;flex:1;font-weight:700}.row .primary{flex:1}.divider{color:var(--muted);align-items:center;gap:.75rem;margin:1rem 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";background:#ffffff24;flex:1;height:1px}.error{color:#ffd6e0;background:#ef476f2e;border:1px solid #ef476f80;border-radius:10px;margin-top:.8rem;padding:.6rem .8rem}.hint{color:var(--muted);min-height:1.3em;margin:.5rem 0 1rem;font-size:.95rem}details.help{border-top:1px solid #ffffff1a;margin-top:1.25rem;padding-top:.75rem}details.help summary{cursor:pointer;color:var(--muted);font-weight:700}.controls,.items{gap:.4rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.controls li{align-items:center;gap:.6rem;font-size:.95rem;display:flex}.controls li span{color:var(--muted)}.items li{grid-template-columns:2rem auto;column-gap:.6rem;font-size:.95rem;display:grid}.items li .emoji{grid-row:span 2;font-size:1.5rem}.items li span:last-child{color:var(--muted);font-size:.85rem}.lobby-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.25rem;display:flex}.code{letter-spacing:.22em;color:var(--honey);font-size:2.8rem;font-weight:900;line-height:1.1}.share{flex:1;min-width:220px}.share-row{gap:.4rem;display:flex}.share-row input{flex:1;font-size:.85rem}.share-row button{padding:.5rem .9rem}.players{gap:.4rem;margin:.4rem 0 .8rem;padding:0;list-style:none;display:grid}.players li{background:#ffffff0f;border-radius:12px;align-items:center;gap:.6rem;padding:.55rem .75rem;font-weight:700;display:flex}.players li.offline{opacity:.6}.swatch{border-radius:4px;flex:none;width:1rem;height:1rem;box-shadow:0 0 0 2px #00000059}.tag{text-transform:uppercase;letter-spacing:.08em;background:#ffffff1f;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.tag.host{background:var(--honey);color:var(--ink)}.tag.you{background:var(--sky);color:var(--ink)}.tag.off{background:var(--bad)}.actions{margin-top:.5rem}.results-list{gap:.35rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.results-list li{background:#ffffff0f;border-radius:12px;grid-template-columns:2rem 1rem 1fr auto;align-items:center;gap:.6rem;padding:.6rem .8rem;font-weight:700;display:grid}.results-list li.me{background:#ffb7032e;border:1px solid #ffb70380}.results-list li .pos{color:var(--honey);font-size:1.2rem}.results-list li:first-child .pos:after{content:" 🏆";font-size:.9rem}.results-list.compact li{padding:.4rem .6rem;font-size:.9rem}.results-list.compact li:first-child .pos:after{content:""}.results-list .time{color:var(--muted);font-variant-numeric:tabular-nums}.waiting,.notice{background:#00000059;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.waiting[hidden],.notice[hidden]{display:none}.waiting{pointer-events:none;background:0 0;align-items:flex-start;padding-top:5vh}.waiting .panel{pointer-events:auto}.banner{text-align:center;z-index:20;background:var(--warn);color:var(--ink);padding:.55rem 1rem;font-weight:700;position:absolute;top:0;left:0;right:0}.banner.bad{background:var(--bad);color:#fff}.banner.ok{background:var(--good);color:var(--ink)}.banner[hidden]{display:none}.toast{z-index:30;background:#000000bf;border:1px solid #fff3;border-radius:999px;padding:.6rem 1.1rem;font-weight:700;position:absolute;bottom:6rem;left:50%;transform:translate(-50%)}.toast[hidden]{display:none}.finished-pill{border:2px solid var(--honey);z-index:15;background:#000000b3;border-radius:999px;padding:.6rem 1.2rem;font-size:1.05rem;position:absolute;top:5.5rem;left:50%;transform:translate(-50%)}.finished-pill b{color:var(--honey);font-size:1.3rem}.finished-pill[hidden]{display:none}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 2px 4px #0009;position:absolute;inset:0}#hud[hidden]{display:none}.hud-top-left{flex-direction:column;gap:.2rem;display:flex;position:absolute;top:1rem;left:1.25rem}.hud-lap{letter-spacing:.1em;color:var(--muted);font-size:1.1rem;font-weight:700}.hud-lap b{color:var(--text);font-size:1.8rem}.hud-place{color:var(--honey);font-size:4.2rem;font-weight:900;line-height:1}.hud-place sup{vertical-align:top;margin-left:.1rem;font-size:1.4rem}.hud-timer{font-variant-numeric:tabular-nums;color:var(--muted);font-size:1.1rem;font-weight:700}.hud-top-right{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;top:1rem;right:1.25rem}.hud-minimap{background:#00000059;border:1px solid #ffffff26;border-radius:16px;width:170px;height:170px}.hud-standings{background:#0006;border-radius:12px;gap:.15rem;min-width:190px;margin:0;padding:.4rem .5rem;font-size:.85rem;list-style:none;display:grid}.hud-standings li{border-radius:6px;grid-template-columns:1.2rem .8rem 1fr auto;align-items:center;gap:.4rem;padding:.1rem .25rem;font-weight:700;display:grid}.hud-standings li.me{background:#ffb70340}.hud-standings li.offline{opacity:.5}.hud-standings .pos{color:var(--honey);text-align:right}.hud-standings .lap{color:var(--muted);font-variant-numeric:tabular-nums}.hud-standings .swatch{width:.8rem;height:.8rem}.hud-standings .name{white-space:nowrap;text-overflow:ellipsis;max-width:110px;overflow:hidden}.hud-bottom-left{position:absolute;bottom:3.4rem;left:1.25rem}.hud-item{border:2px solid var(--honey);background:#00000073;border-radius:16px;align-items:center;gap:.7rem;min-width:200px;padding:.5rem .9rem .5rem .6rem;transition:transform .15s;display:flex}.hud-item.empty{opacity:.75;border-color:#fff3}.hud-item.pop{animation:.35s pop}@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}.hud-item-icon{background:#ffffff1a;border-radius:12px;place-items:center;width:2.6rem;height:2.6rem;font-size:2rem;display:grid}.hud-item-label{font-weight:800}.hud-item-hint{color:var(--muted);font-size:.75rem}.hud-bottom-right{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex;position:absolute;bottom:3.4rem;right:1.25rem}.hud-speed{font-variant-numeric:tabular-nums;align-items:center;gap:.6rem;font-weight:800;display:flex}.hud-speed-bar{background:#00000080;border:1px solid #fff3;border-radius:999px;width:180px;height:12px;overflow:hidden}.hud-speed-bar i{background:linear-gradient(90deg,#06d6a0,#ffb703);width:0;height:100%;transition:width 80ms linear;display:block}.hud-speed-bar i.boost{background:linear-gradient(90deg,#ffb703,#ef476f)}.hud-drift{opacity:0;background:#00000080;border:1px solid #fff3;border-radius:999px;width:120px;height:8px;transition:opacity .2s;overflow:hidden}.hud-drift.active{opacity:1}.hud-drift i{background:#4cc9f0;width:0;height:100%;display:block}.hud-drift i.mini{background:#ffb703}.hud-drift i.super{background:#ef476f}.hud-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.hud-countdown{color:var(--honey);min-height:1em;font-size:7rem;font-weight:900;line-height:1}.hud-countdown.go{color:var(--good)}.hud-countdown.pulse{animation:.6s ease-out pulse}@keyframes pulse{0%{opacity:0;transform:scale(1.6)}40%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.hud-message{opacity:0;text-align:center;padding:0 1rem;font-size:2rem;font-weight:900;transition:opacity .25s;transform:translateY(-4rem)}.hud-message.show{opacity:1}.hud-message.boost{color:var(--sky)}.hud-message.bad{color:var(--bad)}.hud-message.good{color:var(--good)}.hud-message.final{color:var(--honey);font-size:2.6rem}.hud-wrongway{color:var(--bad);opacity:0;font-size:2.4rem;font-weight:900;transition:opacity .2s;animation:.8s steps(2,end) infinite blink;position:absolute;top:22%}.hud-wrongway.show{opacity:1}@keyframes blink{to{visibility:hidden}}.hud-respawn-hint{opacity:0;background:#0009;border-radius:999px;padding:.5rem 1rem;font-size:1.1rem;font-weight:700;transition:opacity .3s;position:absolute;bottom:30%}.hud-respawn-hint.show{opacity:1}.hud-leave{pointer-events:auto;opacity:.7;background:#00000073;border-color:#ffffff40;padding:.3rem .9rem;font-size:.8rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.hud-leave:hover{opacity:1}.hud-controls{color:var(--muted);white-space:nowrap;background:#00000059;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:1rem;padding:.35rem .9rem;font-size:.78rem;display:flex;position:absolute;bottom:.6rem;left:50%;transform:translate(-50%)}@media (max-width:720px){.hud-controls{display:none}.hud-minimap{width:110px;height:110px}.hud-standings{display:none}.hud-place{font-size:3rem}.hud-countdown{font-size:4.5rem}}