/* GTAUP V301: native modern wheel from V288, old V265.6 game engine and navigation */
html body #page-upgrader.v301-upgrader{max-width:1920px!important;width:100%!important;min-width:0!important;overflow:visible!important}
html body #page-upgrader.v301-upgrader .page-head{margin-bottom:18px!important}
html body #page-upgrader.v301-upgrader .upgrade-stage{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,420px) minmax(0,1fr)!important;align-items:stretch!important;gap:18px!important;width:100%!important;max-width:none!important;padding:12px!important;overflow:visible!important;border:1px solid #243755!important;border-radius:20px!important;background:linear-gradient(150deg,#0a1324,#0a111e 55%,#101327)!important}
html body #page-upgrader.v301-upgrader .upgrade-stage > .slot{min-width:0!important;max-width:none!important;width:100%!important;margin:0!important;min-height:350px!important;border:1px solid #314264!important;border-radius:18px!important;background:linear-gradient(150deg,rgba(25,35,58,.95),rgba(13,19,35,.98))!important;padding:20px!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;overflow:hidden!important}
html body #page-upgrader.v301-upgrader .upgrade-stage > .slot:first-child{border-top:2px solid #815ef1!important}
html body #page-upgrader.v301-upgrader .upgrade-stage > .slot:last-child{border-top:2px solid #25b8ea!important}
html body #page-upgrader.v301-upgrader .upgrade-stage .slot-label{font-size:15px!important;font-weight:900!important;color:#eff5ff!important;letter-spacing:.04em!important}
html body #page-upgrader.v301-upgrader .upgrade-stage .slot-sub{font-size:12px!important;color:#9daecc!important}
html body #page-upgrader.v301-upgrader .upgrade-stage #fromSlot,
html body #page-upgrader.v301-upgrader .upgrade-stage #toSlot{flex:1!important;min-height:220px!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body #page-upgrader.v301-upgrader .wheel-card{min-width:0!important;max-width:none!important;width:100%!important;align-self:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;background:transparent!important;box-shadow:none!important;border:0!important;overflow:visible!important;padding:0!important;margin:0!important}
html body #page-upgrader.v301-upgrader .wheel{position:relative!important;width:min(100%,405px)!important;aspect-ratio:1!important;height:auto!important;min-width:0!important;max-width:405px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;transform:none!important;isolation:isolate!important}
html body #page-upgrader.v301-upgrader .wheel .wheel-track,
html body #page-upgrader.v301-upgrader .wheel #wheelRotor,
html body #page-upgrader.v301-upgrader .wheel #wheelPointer,
html body #page-upgrader.v301-upgrader .wheel .wheel-center,
html body #page-upgrader.v301-upgrader .wheel .wheel-scale-label{opacity:0!important;pointer-events:none!important}
html body #page-upgrader.v301-upgrader .wheel .v301-wheel-overlay{position:absolute!important;inset:0!important;display:block!important;z-index:30!important;pointer-events:none!important;opacity:1!important;filter:drop-shadow(0 0 16px rgba(34,138,242,.17))!important}
html body #page-upgrader.v301-upgrader .v301-wheel-overlay svg{display:block!important;width:100%!important;height:100%!important;overflow:visible!important;}
html body #page-upgrader.v301-upgrader .v301-wheel-overlay .v268-center-caption{font:bold 26px Inter,system-ui,sans-serif;fill:#89a7db;letter-spacing:5px}
html body #page-upgrader.v301-upgrader .v301-wheel-overlay .v268-center-number{font:900 82px Inter,system-ui,sans-serif;fill:#f4f8ff;letter-spacing:-4px}
html body #page-upgrader.v301-upgrader .v301-wheel-overlay #v301-rotor{transform-origin:400px 400px}
html body #page-upgrader.v301-upgrader .chance-legend{width:min(100%,370px)!important;min-width:0!important}
html body #page-upgrader.v301-upgrader .upgrade-btn{width:min(100%,370px)!important;min-width:0!important;margin:8px 0!important;background:linear-gradient(100deg,#6a47df,#7f50df)!important;border:1px solid #9e88ff!important;box-shadow:0 7px 28px rgba(115,78,221,.16)!important;border-radius:13px!important;min-height:50px!important}
html body #page-upgrader.v301-upgrader .upgrade-btn:disabled{opacity:.45!important}
html body #page-upgrader.v301-upgrader .upgrade-toolbar,html body #page-upgrader.v301-upgrader .upgrade-cash-v75{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
/* Cases: V288 compact premium presentation, original V265.6 click handlers and drop mechanics. */
html body #page-cases.v301-cases{width:100%!important;max-width:1800px!important;min-width:0!important}
html body #page-cases.v301-cases .case-catalog-head-v214{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;padding:12px 0 20px!important}
html body #page-cases.v301-cases .v301-case-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;width:100%!important;max-width:none!important;overflow:visible!important}
html body #page-cases.v301-cases .case-preview-v214{position:relative!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;height:340px!important;min-height:0!important;max-height:none!important;margin:0!important;padding:16px!important;overflow:hidden!important;border:1px solid #2c4161!important;border-top:2px solid #6e50c4!important;border-radius:20px!important;box-shadow:0 9px 32px rgba(0,0,0,.18)!important;background:radial-gradient(ellipse at 50% 50%,rgba(96,68,168,.17),transparent 68%),linear-gradient(140deg,#111b2d,#0e1426)!important;text-align:left!important;transition:transform .18s,border-color .18s,background .18s!important}
html body #page-cases.v301-cases .case-preview-v214:hover{transform:translateY(-4px)!important;border-color:#a78bfa!important;background:radial-gradient(ellipse at 50% 50%,rgba(126,83,233,.23),transparent 68%),linear-gradient(140deg,#171d36,#0d1427)!important}
html body #page-cases.v301-cases .case-preview-top-v214{position:relative!important;z-index:5!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;width:100%!important;min-width:0!important}
html body #page-cases.v301-cases .case-preview-top-v214 b{font-size:17px!important;font-weight:900!important;color:#f6f6fc!important;line-height:1.2!important}
html body #page-cases.v301-cases .case-preview-top-v214 small{display:block!important;color:#9baaca!important;margin-top:7px!important;font-size:11px!important}
html body #page-cases.v301-cases .case-preview-art-v214{position:relative!important;inset:auto!important;width:100%!important;flex:1!important;height:210px!important;min-height:0!important;max-height:210px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;margin:8px 0 0!important;background:transparent!important}
html body #page-cases.v301-cases .case-preview-art-v214 img{position:static!important;display:block!important;width:100%!important;height:100%!important;max-width:290px!important;max-height:220px!important;object-fit:contain!important;filter:drop-shadow(0 14px 18px rgba(0,0,0,.5))!important;transform:none!important;border:0!important;box-shadow:none!important;background:transparent!important}
html body #page-cases.v301-cases .case-preview-bottom-v214{position:relative!important;inset:auto!important;z-index:5!important;width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;min-width:0!important;gap:8px!important;padding-top:10px!important;border-top:1px solid rgba(129,155,198,.14)!important;color:#90a3c7!important}
html body #page-cases.v301-cases .case-preview-bottom-v214 strong{white-space:nowrap!important;font-size:15px!important;color:#58eac7!important;background:#152a38!important;border:1px solid #2e545f!important;border-radius:9px!important;padding:8px 10px!important}
/* Make item cards actual artwork the focus, not outdated dark rectangular backing. */
html body #page-upgrader.v301-upgrader #catalogGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:10px!important}
html body #page-upgrader.v301-upgrader #catalogGrid .car{border-radius:15px!important;border:1px solid #2c415d!important;background:linear-gradient(160deg,#19243a,#111b2d)!important;min-height:194px!important;overflow:hidden!important}
html body #page-upgrader.v301-upgrader #catalogGrid .car-img{background:transparent!important;border:0!important;box-shadow:none!important}
html body #page-upgrader.v301-upgrader #catalogGrid .car-img img{object-fit:contain!important;filter:drop-shadow(0 8px 11px rgba(0,0,0,.38))!important}
@media(max-width:1200px){html body #page-upgrader.v301-upgrader .upgrade-stage{grid-template-columns:minmax(0,1fr) minmax(260px,340px) minmax(0,1fr)!important;gap:10px!important}html body #page-cases.v301-cases .v301-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){html body #page-upgrader.v301-upgrader .upgrade-stage{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #page-upgrader.v301-upgrader .upgrade-stage .wheel-card{grid-column:1/-1!important;grid-row:1!important}html body #page-upgrader.v301-upgrader .upgrade-stage .slot{min-height:240px!important}html body #page-cases.v301-cases .v301-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){html body #page-upgrader.v301-upgrader .upgrade-stage{grid-template-columns:minmax(0,1fr)!important;padding:8px!important}html body #page-upgrader.v301-upgrader .upgrade-stage .wheel-card{grid-column:auto!important;grid-row:2!important}html body #page-upgrader.v301-upgrader .upgrade-stage .slot{min-height:200px!important;padding:14px!important}html body #page-upgrader.v301-upgrader .wheel{width:min(100%,330px)!important}html body #page-cases.v301-cases .v301-case-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}html body #page-cases.v301-cases .case-preview-v214{height:325px!important}html body #page-cases.v301-cases .case-preview-art-v214 img{max-height:205px!important}html body #page-upgrader.v301-upgrader .chance-legend{max-width:310px!important}}