:root{color:#fff;font-synthesis:none;background:#082d4d;font-family:Impact,Arial Narrow,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.screen{z-index:10;background:linear-gradient(90deg,#031526e0,#0315261f);justify-content:center;align-items:center;padding:5vw;display:none;position:fixed;inset:0}.screen.active{display:flex}#title-screen{justify-content:space-between;align-items:end}.logo-wrap{filter:drop-shadow(0 5px #00000026);max-width:650px;padding-bottom:5vh}.eyebrow{letter-spacing:.32em;color:#89d329;margin:0 0 .4rem;font-weight:700}h1{margin:0;font:900 clamp(4rem,9vw,9rem)/.72 Impact,sans-serif;transform:skew(-5deg)}h1 span,.panel h2,.item strong,.countdown,.message{color:#ffcb45}.tagline{margin:2rem 0;font-size:clamp(1rem,2vw,1.35rem)}.sound-note{opacity:.65;letter-spacing:.08em;font-size:.75rem}.primary,.secondary{letter-spacing:.12em;cursor:pointer;color:#082d4d;border:0;border-radius:.35rem;padding:.9rem 1.7rem;font-weight:700;transition:transform .15s,filter .15s;transform:skew(-5deg)}.primary{background:#ffcb45;box-shadow:.35rem .35rem #ef5c45}.secondary{color:#fff;background:#ffffff26}.primary:hover,.secondary:hover,.primary:focus-visible,.secondary:focus-visible{filter:brightness(1.12);outline:2px solid #fff;transform:skew(-5deg)translateY(-3px)}.controls-card,.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#031526d6;border:1px solid #77f3dc73;box-shadow:0 2rem 5rem #00000059}.controls-card{border-radius:.7rem;width:min(330px,32vw);padding:1.4rem}.controls-card h2{color:#ffcb45;margin:0 0 1rem}.controls-card div{align-items:center;gap:.45rem;margin:.55rem 0;display:flex}.controls-card span{opacity:.8;margin-left:auto;font-size:.8rem}kbd{text-align:center;color:#082d4d;background:#f4f0d6;border-radius:.25rem;min-width:2rem;padding:.25rem .45rem;font:700 .7rem inherit;box-shadow:0 3px #91a6a3}.panel{text-align:center;border-radius:.9rem;width:min(620px,92vw);padding:2rem}.panel h2{margin:.5rem 0;font:900 4rem/1 Impact,sans-serif}.swatches{grid-template-columns:repeat(6,1fr);gap:.7rem;margin:2rem 0;display:grid}.swatch{aspect-ratio:1.35;border:.2rem solid var(--racer-color);background:linear-gradient(145deg, var(--racer-color), #071d2c 72%);cursor:pointer;border-radius:.7rem;padding:.25rem;transition:transform .15s;overflow:hidden}.swatch img{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 .2rem .15rem #00000073);width:100%;height:100%}.swatch.selected{border-color:#fff;transform:scale(1.12);box-shadow:0 0 0 .2rem #ffcb45}.trait{color:#77f3dc;min-height:1.5rem}.name-field{text-align:left;color:#77f3dc;letter-spacing:.12em;gap:.45rem;max-width:320px;margin:0 auto;font-size:.78rem;display:grid}.name-field input{color:#fff;width:100%;font:inherit;letter-spacing:.04em;background:#031526b8;border:2px solid #77f3dc73;border-radius:.35rem;padding:.7rem .8rem}.name-field input:focus{border-color:#ffcb45;outline:2px solid #ffcb454d}.join-status{color:#ffcb45;letter-spacing:.06em;min-height:1.25rem;margin:.65rem 0 0;font-size:.75rem}.tournament-panel{max-width:540px;max-height:86vh;overflow-y:auto}.tournament-detail{color:#77f3dc;min-height:3rem;font-size:1rem;line-height:1.45}.select-actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}#hud{z-index:5;pointer-events:none;text-shadow:0 2px 2px #062038;padding:1.5rem;position:fixed;inset:0}.hidden{display:none!important}.hud-block{background:#031526b8;border-left:.3rem solid #77f3dc;padding:.65rem 1rem;position:absolute;top:1.5rem;transform:skew(-4deg)}.hud-block span{color:#77f3dc;font-size:.8rem;font-weight:700}.hud-block strong{font:900 2rem/1 Impact,sans-serif;display:block}.hud-block small{opacity:.8;display:block}.position{left:1.5rem}.position strong{color:#ffcb45;font-size:3rem;display:inline}.lap{text-align:center;left:50%;transform:translate(-50%)skew(-4deg)}.item{text-align:center;border-color:#ffcb45;min-width:150px;right:1.5rem}.speed-wrap{text-align:center;background:#03152680;border:.65rem solid #ffffff38;border-radius:50%;place-content:center;width:150px;height:150px;display:grid;position:absolute;bottom:2rem;right:2rem}.speed-wrap span{font:900 3.2rem/1 Impact,sans-serif}.speed-wrap small{letter-spacing:.2em;color:#77f3dc}#boost-meter{border:.65rem solid #0000;border-top-color:#ffcb45;border-radius:50%;position:absolute;inset:-.65rem;transform:rotate(-45deg)}.standings{background:#0315269e;border-radius:.4rem;width:180px;padding:.6rem;font-size:.72rem;position:absolute;bottom:2rem;left:1.5rem}.standing-row{grid-template-columns:1.5rem 1fr 2rem;gap:.4rem;padding:.16rem .3rem;display:grid}.standing-row.you{color:#ffcb45;background:#ffcb4524;font-weight:700}.message{text-align:center;opacity:0;width:100%;font:900 2.6rem Impact,sans-serif;transition:opacity .2s;position:absolute;top:27%;left:0}.message.show{opacity:1}.countdown{filter:drop-shadow(.5rem .5rem #ef5c45);place-content:center;font:900 clamp(7rem,18vw,15rem)/1 Impact,sans-serif;display:grid;position:absolute;inset:0}#results-screen{background:#031526b3}.results-panel{max-height:90vh;overflow:auto}.podium{text-align:left;margin:1rem 0}.result-row{border-bottom:1px solid #ffffff1f;grid-template-columns:3rem 1fr auto;padding:.55rem .8rem;display:grid}.result-row:nth-child(-n+3){color:#ffcb45;font-weight:700}.result-row.you{color:#ffcb45;background:#ffcb4524;font-weight:700}.lap-results{color:#77f3dc;justify-content:center;gap:1rem;margin:1.2rem 0 2rem;font-size:.85rem;display:flex}@media (width<=700px){#title-screen{text-align:center;align-items:center}.controls-card{display:none}.logo-wrap{margin:auto}.standings{display:none}.speed-wrap{width:110px;height:110px}.hud-block{top:.6rem}.lap{left:43%}.swatches{grid-template-columns:repeat(3,1fr)}}#touch-controls{display:none}body.touch #touch-controls{pointer-events:none;display:block;position:absolute;inset:0}.touch-cluster{bottom:max(1.2rem, env(safe-area-inset-bottom));align-items:flex-end;gap:.7rem;display:flex;position:absolute}.touch-left{left:max(1.2rem, env(safe-area-inset-left))}.touch-right{right:max(1.2rem, env(safe-area-inset-right))}.touch-button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;color:#fff;opacity:.8;background:#0315268c;border:2px solid #ffffff59;border-radius:50%;width:66px;height:66px;font-size:1.5rem}.touch-button.active{background:#ffcb4573;border-color:#ffcb45}.touch-gas{width:84px;height:84px}.touch-small{width:52px;height:52px;font-size:1.1rem}body.touch .standings{display:none}body.touch .speed-wrap{width:84px;height:84px;bottom:10.5rem;right:1rem}body.touch .speed-wrap span{font-size:1.7rem}#rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){#rotate-hint{top:max(.5rem, env(safe-area-inset-top));z-index:40;pointer-events:none;color:#ffcb45;letter-spacing:.08em;white-space:nowrap;background:#031526d9;border-radius:.4rem;padding:.45rem 1rem;font-size:.8rem;font-weight:700;display:block;position:fixed;left:50%;transform:translate(-50%)}.touch-button{width:50px;height:50px;font-size:1.1rem}.touch-gas{width:64px;height:64px}.touch-small{width:42px;height:42px;font-size:.9rem}.touch-left{flex-direction:column;gap:.5rem}.touch-right{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;max-width:46vw}body.touch .speed-wrap{display:none}.hud-block{padding:.4rem .6rem}.hud-block strong{font-size:1.3rem}.item{min-width:0}}