html{background:#10131f;color-scheme:dark;--game-height:100svh;--game-top:env(safe-area-inset-top,0px);--game-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;font-family:system-ui,sans-serif;overscroll-behavior-y:none;padding:var(--game-top) env(safe-area-inset-right,0px) var(--game-bottom) env(safe-area-inset-left,0px)}
#midnight-garage{margin:0 auto;border-radius:0;min-height:calc(var(--game-height) - var(--game-top) - var(--game-bottom))}
#midnight-garage button{-webkit-tap-highlight-color:transparent}
@media(max-width:600px){
  #midnight-garage:has(#mg-race:not([hidden])){padding:10px 12px}
  #midnight-garage:has(#mg-race:not([hidden])) .mg-head{margin-bottom:8px}
  #midnight-garage:has(#mg-race:not([hidden])) .mg-head .mg-kicker{display:none}
  #midnight-garage #mg-race .mg-track{width:min(100%,max(200px,calc((var(--game-height) - var(--game-top) - var(--game-bottom) - 232px)*448/480)))}
  #midnight-garage #mg-race>.mg-note{display:none}
  #midnight-garage .mg-result{left:3%;right:3%;top:10%;padding:10px}
  #midnight-garage .mg-result h3{font-size:20px;margin:6px 0}
  #midnight-garage .mg-result p{font-size:12px;margin-bottom:8px}
  #midnight-garage .mg-touch{margin-top:10px}
  #midnight-garage #mg-status{font-size:11px;line-height:1.35}
}

#midnight-garage .mg-premium-shop{margin-top:24px;padding:18px;background:linear-gradient(135deg,#30283a,#172838);border:1px solid #b69864;border-radius:14px;display:grid;gap:12px}#midnight-garage .mg-premium-shop p{color:#c1c8d7;font-size:13px}#midnight-garage #mg-premium-balance{font:500 28px monospace;color:#ffe1a1}#midnight-garage .mg-premium-shop label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px}#midnight-garage .mg-premium-shop input{width:20px;height:20px;flex-shrink:0}#midnight-garage .mg-country{font-size:9px}

#midnight-garage #mg-checkout{max-width:min(440px,calc(100% - 28px));box-sizing:border-box;max-height:90svh;overflow:auto;background:#192132;color:#edf2fa;border:1px solid #b79864;border-radius:16px;padding:22px}#midnight-garage #mg-checkout::backdrop{background:#040710bb}#midnight-garage #mg-checkout p{margin:12px 0;font-size:13px}#midnight-garage #mg-checkout label{display:flex;gap:10px;margin:16px 0;font-size:13px}#midnight-garage #mg-checkout button{margin:4px}#midnight-garage #mg-checkout input{width:20px;height:20px;flex-shrink:0}
