.derby-game{background:#263436}.derby-menu{max-height:100%;overflow:auto}.derby-menu h2{font-size:clamp(38px,7vw,66px)}.derby-code{letter-spacing:7px;color:#ffdb9e;margin:15px 0;font-size:32px;font-weight:800}.derby-seats{grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0;display:grid}.derby-seats span{color:#afaaa0;border:1px solid #f4dba130;border-radius:6px;padding:6px;font-size:10px}.derby-seats .joined{color:#263436;background:#f4dba1}.derby-secondary{color:#ffe3b1;cursor:pointer;background:#fff2d512;border:1px solid #ffe3b155;border-radius:10px;min-height:42px;padding:10px 18px;font-weight:700}.derby-text{color:#ffdfa9;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:9px;text-decoration:underline}.derby-join{gap:8px;margin-top:12px;display:flex}.derby-join input{color:#fff3d7;letter-spacing:3px;background:#101d22;border:1px solid #ffe3b155;border-radius:10px;width:100%;min-width:0;padding:12px;font:700 14px monospace}.derby-short-help{margin-bottom:0!important;font-size:11px!important;line-height:1.6!important}.derby-error{color:#ffc0a5!important;font-size:13px!important}.derby-health{gap:7px;width:86px;display:grid;position:absolute;top:132px;right:18px}.derby-health>div{background:#102026bc;border-radius:3px;height:8px;margin-left:14px;position:relative}.derby-health span{color:#fff4df;font-size:10px;position:absolute;top:-4px;right:calc(100% + 5px)}.derby-health i{border-radius:3px;height:100%;display:block}.derby-controls .three-control{min-width:66px;padding:11px 12px}@media (max-width:550px){.derby-controls{gap:8px}.derby-controls .three-control{min-width:45px;padding:10px 8px;font-size:13px}.derby-controls .three-control small{font-size:8px}.derby-health{width:65px;top:119px}.derby-menu h2{font-size:42px}.derby-menu .three-start{margin-top:12px}.derby-menu>p{margin:10px 0}}@media (max-height:530px){.derby-menu{padding:18px}.derby-menu h2{font-size:34px}.derby-short-help{display:none}}