/* GTAUP V314. Restore tidy 3-column upgrader inspired by the provided Los Santos reference.
   Intentionally replaces V313 CSS instead of stacking its broken flex layout. */
html body #page-upgrader.v302-upgrader{padding-top:10px!important;}
html body #page-upgrader.v302-upgrader>.v302-head,
html body #page-upgrader.v302-upgrader>.v302-topbar{display:none!important;}
html body #page-upgrader.v302-upgrader .v302-stage{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,1.18fr) minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:center!important;gap:12px!important;
  position:relative!important;isolation:isolate!important;
  width:100%!important;max-width:none!important;
  margin:0 auto!important;min-height:440px!important;
  padding:22px 28px!important;
  background:linear-gradient(90deg,rgba(4,14,30,.66) 0%,rgba(6,16,36,.30) 46%,rgba(5,14,30,.72) 100%),url('/logo/aaac85e9-7827-4881-ba39-53399c2e7e44.png?v=55') center center/cover no-repeat!important;
  border:1px solid #253e62!important;border-radius:19px!important;
  overflow:hidden!important;
  box-shadow:inset 0 0 70px rgba(1,8,18,.28)!important;
}
html body #page-upgrader.v302-upgrader .v302-stage>.v302-slot{
  width:100%!important;max-width:100%!important;min-width:0!important;
  min-height:288px!important;height:288px!important;
  align-self:center!important;display:flex!important;flex-direction:column!important;
  position:relative!important;margin:0!important;padding:16px!important;
  background:rgba(8,21,43,.84)!important;
  border:1px solid rgba(111,151,208,.39)!important;border-radius:13px!important;
  box-shadow:0 10px 28px rgba(1,6,15,.24)!important;
}
html body #page-upgrader.v302-upgrader .v302-stage>.v302-slot .slot-label{font-size:15px!important;font-weight:800!important;color:#e7f1ff!important}
html body #page-upgrader.v302-upgrader .v302-stage>.v302-slot .slot-sub{font-size:11px!important;color:#9eafce!important}
html body #page-upgrader.v302-upgrader .v302-slot #fromSlot,
html body #page-upgrader.v302-upgrader .v302-slot #toSlot{
  flex:1 1 auto!important;min-height:0!important;
  border:none!important;border-radius:10px!important;background:transparent!important;
  display:grid!important;place-items:center!important;
}
html body #page-upgrader.v302-upgrader .v302-slot .v302-scroll-pick{
  flex-shrink:0!important;position:static!important;width:max-content!important;min-height:34px!important;
  margin:8px auto 0!important;padding:8px 16px!important;
  border:1px solid rgba(116,169,232,.28)!important;border-radius:9px!important;
  background:#192c50!important;color:#e9eeff!important;
}
html body #page-upgrader.v302-upgrader .v302-wheel-card{
  width:100%!important;min-width:0!important;min-height:400px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;align-self:center!important;
}
html body #page-upgrader.v302-upgrader .v302-wheel-subtitle{display:none!important}
html body #page-upgrader.v302-upgrader .v302-wheel-card>.wheel{
  width:min(100%,390px)!important;max-width:390px!important;height:auto!important;aspect-ratio:1/1!important;
  margin:0 auto!important;filter:drop-shadow(0 12px 18px rgba(0,0,0,.24))!important;
}
html body #page-upgrader.v302-upgrader .v302-wheel-card #upgradeBtn{
  max-width:310px!important;width:90%!important;margin:4px auto 0!important;
  min-height:42px!important;border-radius:10px!important;position:relative!important;
}
html body #page-upgrader.v302-upgrader .v302-wheel-card .wheel-hint,
html body #page-upgrader.v302-upgrader .v302-wheel-card .chance-legend,
html body #page-upgrader.v302-upgrader .v302-wheel-card .chance-bar{display:none!important}
html body #page-upgrader.v302-upgrader .v302-control-area{
  margin:10px auto 0!important;max-width:none!important;width:100%!important;
  display:block!important;clear:both!important;
}
html body #page-upgrader.v302-upgrader .v302-control-area>.v302-toolbar{
  display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;
  align-items:stretch!important;gap:12px!important;
  width:100%!important;height:auto!important;min-height:64px!important;
  margin:0!important;padding:9px!important;background:#183656!important;
  border:1px solid rgba(107,156,204,.25)!important;border-radius:13px!important;
  box-shadow:none!important;
}
html body #page-upgrader.v302-upgrader .v302-toolbar>#presetBar{
  display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;
  grid-auto-rows:minmax(42px,auto)!important;
  gap:5px!important;margin:0!important;padding:0!important;
  min-width:0!important;width:100%!important;overflow:visible!important;
  background:transparent!important;border:0!important;
}
html body #page-upgrader.v302-upgrader .v302-toolbar #presetBar>.preset{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;min-height:42px!important;height:auto!important;
  margin:0!important;padding:6px 1px!important;
  font-size:11px!important;font-weight:750!important;
  color:#e6f3ff!important;background:#28517d!important;
  border:1px solid rgba(124,176,234,.24)!important;border-radius:8px!important;
}
html body #page-upgrader.v302-upgrader .v302-toolbar #presetBar>.preset:hover{background:#386aa0!important}
html body #page-upgrader.v302-upgrader .v302-toolbar>.custom-upgrade-box{
  display:flex!important;flex-flow:row nowrap!important;align-items:center!important;
  gap:6px!important;margin:0!important;padding:5px!important;
  min-width:0!important;width:100%!important;
  background:#21486f!important;border:1px solid rgba(142,192,237,.18)!important;border-radius:9px!important;
}
html body #page-upgrader.v302-upgrader .v302-toolbar>.custom-upgrade-box label{min-width:0!important;flex:1 1 30%!important;font-size:10px!important;color:#c6d6f5!important}
html body #page-upgrader.v302-upgrader .v302-toolbar>.custom-upgrade-box input{min-width:0!important;width:100%!important;background:#34658f!important;color:#fff!important;border:0!important;border-radius:7px!important;height:34px!important}
html body #page-upgrader.v302-upgrader .v302-toolbar>.custom-upgrade-box button{flex:0 0 auto!important;min-height:36px!important;border-radius:7px!important;margin:0!important;padding:7px 11px!important}
html body #page-upgrader.v302-upgrader .v302-toolbar>.upgrade-toolbar-note{display:none!important}
html body #page-upgrader.v302-upgrader .v302-extra{
  width:100%!important;max-width:none!important;height:auto!important;
  display:grid!important;grid-template-columns:minmax(160px,.8fr) minmax(190px,1fr) minmax(220px,2fr) 95px!important;
  gap:14px!important;align-items:center!important;
  margin:12px auto 0!important;padding:13px 15px!important;
  border:1px solid rgba(123,165,212,.21)!important;
  border-radius:13px!important;background:#193a5e!important;box-shadow:none!important;
}
html body #page-upgrader.v302-upgrader .v302-extra>*{min-width:0!important}
html body #page-upgrader.v302-upgrader .v302-extra input{background:#376893!important;color:#f7fbff!important}
@media(max-width:1200px){
 html body #page-upgrader.v302-upgrader .v302-stage{grid-template-columns:minmax(0,1fr) minmax(270px,1.15fr) minmax(0,1fr)!important;padding:15px!important}
 html body #page-upgrader.v302-upgrader .v302-control-area>.v302-toolbar{grid-template-columns:1fr!important}
 html body #page-upgrader.v302-upgrader .v302-extra{grid-template-columns:1fr 1fr!important}
}
@media(max-width:850px){
 html body #page-upgrader.v302-upgrader .v302-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
 html body #page-upgrader.v302-upgrader .v302-wheel-card{grid-column:1/-1!important;grid-row:1!important;min-height:310px!important}
 html body #page-upgrader.v302-upgrader .v302-stage>.v302-slot{height:250px!important;min-height:250px!important}
 html body #page-upgrader.v302-upgrader .v302-toolbar #presetBar{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:540px){
 html body #page-upgrader.v302-upgrader .v302-stage{grid-template-columns:1fr!important}
 html body #page-upgrader.v302-upgrader .v302-wheel-card{grid-column:1!important}
 html body #page-upgrader.v302-upgrader .v302-toolbar>.custom-upgrade-box{flex-wrap:wrap!important}
 html body #page-upgrader.v302-upgrader .v302-extra{grid-template-columns:1fr!important}
}