@font-face{font-family:Jungle;src:url('../assets/fonts/display.otf') format('opentype');font-display:swap}@font-face{font-family:Noto;src:url('../assets/fonts/body.ttf') format('truetype');font-weight:100 900;font-display:swap}
#derbyControls{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(500px,100%);z-index:55;background:#102511;border-top:2px solid #ff8c00;padding:8px 16px max(6px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:5px 12px;font-family:Noto,Arial,sans-serif}#derbyStatus{grid-column:1/-1;min-height:20px;font-size:12px;color:#e2e3cf;line-height:1.5}#swingButton{height:56px;background:#ff8c00;color:#102511;font-family:Jungle,Impact,sans-serif;font-size:25px;border:0;border-radius:3px;touch-action:none;user-select:none}#swingButton:disabled{background:#4d6336;color:#e2e3cf}#derbyControls>div{display:flex;gap:6px}#derbyControls>div button{background:transparent;border:1px solid #ffffff44;color:#fff;font-size:12px;padding:5px 8px;min-width:44px;min-height:44px;border-radius:3px}button:focus-visible,a:focus-visible{outline:3px solid #ff8c00;outline-offset:3px}#backBtn{min-height:44px!important}#endScreen.active{overflow-y:auto;justify-content:flex-start!important;padding-top:max(30px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.end-stat-lbl{font-size:12px!important}.end-stat-row{flex-wrap:wrap;justify-content:center}#scoreboard{padding-top:max(8px,env(safe-area-inset-top))!important}.end-brand-row{flex-wrap:wrap}.end-logo{max-width:120px;object-fit:contain}.end-btn{min-height:48px}@media(max-height:500px){#derbyStatus{font-size:11px}#derbyControls{padding-block:4px}#swingButton{height:48px}}