:root{--bg: #0b1020;--magenta: #ff4d8d;--gold: #ffe566;--cyan: #3ae8ff;--panel: #1a1030ee}*{box-sizing:border-box;user-select:none;-webkit-user-select:none}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:#fff;font-family:Trebuchet MS,Nunito,system-ui,sans-serif;touch-action:none}#gl,#hud{position:fixed;inset:0;width:100%;height:100%}#hud{pointer-events:none}#overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.screen{pointer-events:auto;text-align:center;padding:24px;max-width:920px;width:min(92vw,920px);background:linear-gradient(180deg,#24143ad9,#0b1020e6);border:3px solid #f0c14b;border-radius:28px;box-shadow:0 0 40px #ff4d8d55}.screen.hidden,.hidden{display:none!important}.wordmark{font-weight:800;letter-spacing:.08em;font-size:clamp(32px,8vw,72px);margin:0 0 16px}.wordmark .nitro{color:var(--magenta)}.wordmark .parade{color:var(--gold)}.menu,.tracks{display:flex;flex-direction:column;gap:10px}button,select{min-height:48px;min-width:48px;font-size:18px;font-weight:700;border-radius:16px;border:2px solid #f0c14b;background:linear-gradient(90deg,#ff4d8d,#3a1d6e);color:#fff;padding:10px 18px}button:active{filter:brightness(.75);transform:translateY(1px)}.ghost{background:#0008}label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0;min-height:48px}.pilot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.pilot-card{min-height:148px;font-size:15px;padding:8px 6px}.pilot-card img{width:64px;height:64px;object-fit:cover;border-radius:12px;display:block;margin:0 auto 4px;pointer-events:none}.pilot-card.selected{outline:3px solid var(--cyan)}.pilot-card .stats{display:grid;grid-template-columns:12px 1fr 12px 1fr;gap:2px 4px;align-items:center;font-size:11px;margin-top:4px}.pilot-card .stat{height:6px;background:#0006;border-radius:4px;overflow:hidden}.pilot-card .stat i{display:block;height:100%;background:linear-gradient(90deg,var(--magenta),var(--gold))}.pilot-card em{font-size:11px;color:var(--gold)}.tracks button{display:flex;align-items:center;gap:10px;min-height:64px;text-shadow:0 1px 4px #000;overflow:hidden}.track-thumb{width:72px;height:44px;object-fit:cover;border-radius:8px;pointer-events:none;flex-shrink:0}.bar{height:14px;background:#222;border-radius:8px;overflow:hidden}.bar span{display:block;height:100%;width:30%;background:linear-gradient(90deg,var(--magenta),var(--gold))}#pads{position:fixed;inset:0;pointer-events:none}.pad-set{position:absolute;inset:0;pointer-events:none}.pad-set[data-pad="1"]{left:50%}#pads button,.stick{pointer-events:auto;position:absolute;min-width:64px;min-height:64px}.stick{left:24px;bottom:24px;width:120px;height:120px;border-radius:50%;background:#fff2;border:2px solid #fff6}.stick .knob{width:48px;height:48px;border-radius:50%;background:var(--gold);margin:36px}.pad-set[data-pad="0"] [data-hold=drift],.pad-set[data-pad="1"] [data-hold=drift]{right:28px;bottom:28px;width:96px;height:96px;border-radius:50%}.pad-set [data-hold=item]{right:140px;bottom:36px}.pad-set [data-hold=brake]{right:36px;bottom:140px}.pilot-slots{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.slot-on{outline:3px solid var(--cyan)}#rotate{display:none;position:fixed;inset:0;background:#0b1020f2;color:var(--gold);font-size:28px;align-items:center;justify-content:center;z-index:20}@media(orientation:portrait){#rotate{display:flex}}input[type=range]{width:160px;min-height:48px}#join-code{font-size:24px;letter-spacing:.3em;text-align:center;width:160px;min-height:48px;text-transform:uppercase}