/* GTAUP V302 — complete new upgrader page. Old navigation and server handlers unchanged. */
#page-upgrader.v302-upgrader {max-width:1800px!important; width:100%!important; margin-inline:auto!important; padding:12px clamp(10px,1.25vw,24px) 50px!important; overflow:visible!important; background:#080d18!important; color:#f5f6ff!important;}
#page-upgrader.v302-upgrader *{box-sizing:border-box}
#page-upgrader.v302-upgrader .v302-head {min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 32px;margin:0 0 15px;border:1px solid #263551;border-radius:21px;background:radial-gradient(ellipse at 86% 10%,rgba(56,91,169,.2),transparent 55%),linear-gradient(120deg,#121b2e,#0b111f 70%);}
#page-upgrader.v302-upgrader .v302-eyebrow{font:800 10px/1.5 'JetBrains Mono',monospace;letter-spacing:1.7px;color:#a99aff}
#page-upgrader.v302-upgrader .v302-head h1 {font-size:clamp(25px,2.4vw,40px)!important;letter-spacing:-1.3px!important;line-height:1.15!important;font-weight:950!important;margin:7px 0 6px!important;color:#fff!important}
#page-upgrader.v302-upgrader .v302-head p {margin:0;color:#9aacc9;font-size:12px;line-height:1.7}
#page-upgrader.v302-upgrader .v302-server-tag {font:850 10px/1.4 'JetBrains Mono',monospace;color:#80e2be;letter-spacing:.6px;white-space:nowrap;padding:11px 14px;border:1px solid #2b6458;border-radius:999px;background:#0c292a}
#page-upgrader.v302-upgrader .v302-server-tag span{display:inline-block;background:#3fdfaf;width:7px;height:7px;border-radius:50%;margin-right:5px}
#page-upgrader.v302-upgrader .v302-topbar {display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr) minmax(0,1fr);gap:17px;align-items:center;margin:0 4px 8px}
#page-upgrader.v302-upgrader .v302-small-mark {font:900 10px 'JetBrains Mono',monospace;letter-spacing:1.4px;color:#8599c0;text-align:center}
#page-upgrader.v302-upgrader .v302-small-mark b{color:#b39aff;margin-right:9px}
#page-upgrader.v302-upgrader .v302-stage {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(290px,365px) minmax(0,1fr)!important;gap:16px!important;align-items:stretch!important;min-height:410px!important;width:100%!important;padding:18px!important;margin:0!important;max-width:none!important;overflow:visible!important;border-radius:24px!important;border:1px solid #2c3851!important;background:radial-gradient(ellipse at 50% 50%,rgba(33,61,137,.12),transparent 50%),linear-gradient(155deg,#101829,#080e18 68%,#14162b)!important;box-shadow:inset 0 1px rgba(158,176,238,.06),0 24px 70px rgba(0,0,0,.22)!important;}
#page-upgrader.v302-upgrader .v302-stage>.v302-slot{min-height:340px!important;width:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;align-self:stretch!important;padding:20px!important;margin:0!important;border:1px solid #2b3954!important;border-radius:19px!important;background:linear-gradient(170deg,#151c31,#0d1221)!important;box-shadow:inset 0 1px rgba(174,190,245,.025)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
#page-upgrader.v302-upgrader .v302-stage>.v302-slot:first-child{border-top:2px solid #9978ff!important}
#page-upgrader.v302-upgrader .v302-stage>.v302-slot:last-child{border-top:2px solid #4dbee8!important}
#page-upgrader.v302-upgrader .v302-slot .slot-label{font:900 16px/1.4 Inter,system-ui,sans-serif!important;color:#f1f4ff!important;letter-spacing:-.2px!important;text-transform:none!important}
#page-upgrader.v302-upgrader .v302-slot .slot-sub{font-size:11px!important;color:#98a9c8!important;margin-top:3px}
#page-upgrader.v302-upgrader .v302-slot #fromSlot,#page-upgrader.v302-upgrader .v302-slot #toSlot{flex:1!important;min-height:228px!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:8px!important;margin:13px 0!important;border:1px dashed rgba(117,141,198,.26)!important;border-radius:15px!important;background:radial-gradient(ellipse at 50% 50%,rgba(73,59,135,.11),transparent 65%),#0e1424!important;}
#page-upgrader.v302-upgrader .slot-empty {min-height:180px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
#page-upgrader.v302-upgrader .slot-q-v64{font-size:38px!important;color:#8c83b7!important}
#page-upgrader.v302-upgrader .slot-empty-copy {font-size:11px!important;max-width:250px!important;text-align:center!important;color:#93a3c2!important}
#page-upgrader.v302-upgrader .v302-scroll-pick {flex:0 0 auto;min-height:42px;margin-top:auto;background:#211a3a!important;border:1px solid #64489a!important;color:#d9c6ff!important;font-weight:850;font-size:12px;padding:11px 16px;border-radius:10px;cursor:pointer;align-self:center}
#page-upgrader.v302-upgrader .v302-scroll-pick:hover {background:#342452!important;color:#fff!important}
#page-upgrader.v302-upgrader .v302-wheel-card {grid-column:auto!important;min-width:0!important;width:100%!important;max-width:100%!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#page-upgrader.v302-upgrader .v302-wheel-subtitle {margin:0 0 2px!important;color:#6f90c4;font:800 9px 'JetBrains Mono',monospace;letter-spacing:1px;white-space:nowrap;text-align:center}
#page-upgrader.v302-upgrader .v302-wheel-card .wheel{position:relative!important;width:min(100%,335px)!important;max-width:335px!important;min-width:0!important;height:auto!important;aspect-ratio:1!important;overflow:visible!important;border:0!important;box-shadow:none!important;transform:none!important;background:transparent!important}
#page-upgrader.v302-upgrader .v302-wheel-card .wheel .v301-wheel-overlay{display:block!important;opacity:1!important;position:absolute!important;inset:0!important;z-index:30!important;pointer-events:none!important;filter:drop-shadow(0 5px 12px rgba(30,94,193,.22))}
#page-upgrader.v302-upgrader .v302-wheel-card .wheel .v301-wheel-overlay svg{width:100%!important;height:100%!important;display:block!important}
#page-upgrader.v302-upgrader .wheel .wheel-track,#page-upgrader.v302-upgrader .wheel #wheelRotor,#page-upgrader.v302-upgrader .wheel #wheelPointer,#page-upgrader.v302-upgrader .wheel .wheel-center,#page-upgrader.v302-upgrader .wheel .wheel-scale-label{opacity:0!important;pointer-events:none!important}
#page-upgrader.v302-upgrader .v302-wheel-card .chance-legend{width:100%!important;max-width:330px!important;margin:0 auto!important;min-width:0!important}
#page-upgrader.v302-upgrader #upgradeBtn{position:relative!important;inset:auto!important;min-height:48px!important;max-width:320px!important;width:100%!important;margin:7px auto!important;border-radius:11px!important;background:linear-gradient(100deg,#7655e5,#9061ee)!important;box-shadow:0 12px 24px rgba(93,63,170,.23)!important;color:white!important;border:1px solid #a28af7!important;transform:none!important}
#page-upgrader.v302-upgrader #upgradeBtn:disabled{opacity:.47!important;cursor:not-allowed!important}
#page-upgrader.v302-upgrader .v302-control-area{display:grid;gap:10px;grid-template-columns:1fr;margin:12px 0 25px}
#page-upgrader.v302-upgrader .v302-toolbar, #page-upgrader.v302-upgrader .v302-extra {width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;border-radius:16px!important;border:1px solid #2a3751!important;background:linear-gradient(115deg,#121c2e,#0c1322)!important}
#page-upgrader.v302-upgrader .v302-extra{padding:16px 20px!important}
#page-upgrader.v302-upgrader .v302-section-heading {display:flex;justify-content:space-between;align-items:center;margin:30px 0 14px;padding:0 5px}
#page-upgrader.v302-upgrader .v302-section-heading span {font:800 10px 'JetBrains Mono',monospace;letter-spacing:2px;color:#b5a1ff}
#page-upgrader.v302-upgrader .v302-section-heading h2 {font-size:23px!important;line-height:1.3!important;margin:7px 0!important;font-weight:900!important}
#page-upgrader.v302-upgrader .v302-section-heading p {color:#7f92b1;font-size:11px;margin:0}
#page-upgrader.v302-upgrader .v302-panels{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr)!important;gap:14px!important;align-items:start!important;min-width:0!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
#page-upgrader.v302-upgrader .v302-panels .panel{border:1px solid #293852!important;border-radius:18px!important;min-width:0!important;overflow:hidden!important;background:#111b2b!important}
#page-upgrader.v302-upgrader .v302-panels .panel-head{padding:16px!important;background:#141e31!important}
#page-upgrader.v302-upgrader #catalogGrid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(146px,1fr))!important;gap:10px!important;max-height:570px!important;overflow:auto!important;padding:10px!important;background:#0d1423!important}
#page-upgrader.v302-upgrader #catalogGrid>.car{border-radius:14px!important;min-height:194px!important;border:1px solid #324361!important;background:#172239!important;box-shadow:none!important;padding:7px!important;overflow:hidden!important}
#page-upgrader.v302-upgrader #catalogGrid>.car .car-img{height:108px!important;min-height:108px!important;background:transparent!important;box-shadow:none!important;border:0!important}
#page-upgrader.v302-upgrader #catalogGrid>.car .car-img img{object-fit:contain!important;width:100%!important;height:100%!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))!important}
#page-upgrader.v302-upgrader #catalogGrid>.car .car-name{font-size:11px!important;line-height:1.3!important;color:#eaf0ff!important}
#page-upgrader.v302-upgrader #garageGrid{max-height:570px!important;overflow:auto!important;padding:12px!important}
#page-upgrader.v302-upgrader #garageGrid .car-img img:not([src*='/assets/v302/']),#page-upgrader.v302-upgrader #fromSlot img:not([src*='/assets/v302/']){opacity:.06!important}
#page-upgrader.v302-upgrader .v302-art-gallery{margin-top:20px;padding:23px;border:1px solid #293952;border-radius:19px;background:linear-gradient(135deg,#101a2b,#0b1423)}
#page-upgrader.v302-upgrader .v302-gallery-intro{display:flex;gap:22px;justify-content:space-between;align-items:end;padding-bottom:18px}
#page-upgrader.v302-upgrader .v302-tag{font:800 10px 'JetBrains Mono',monospace;letter-spacing:1.3px;color:#9c88ff}
#page-upgrader.v302-upgrader .v302-gallery-intro h2{font-size:23px!important;letter-spacing:-.7px;margin:6px 0!important}
#page-upgrader.v302-upgrader .v302-gallery-intro p{font-size:11px;line-height:1.6;max-width:630px;color:#8497b8;margin:0}
#page-upgrader.v302-upgrader .v302-gallery-tools{display:flex;gap:8px;flex-wrap:wrap}
#page-upgrader.v302-upgrader .v302-gallery-tools input,#page-upgrader.v302-upgrader .v302-gallery-tools select{min-height:41px;padding:9px 11px;background:#0d1626;border:1px solid #344864;border-radius:10px;color:#e5efff;font:700 12px Inter,system-ui,sans-serif}
#page-upgrader.v302-upgrader .v302-media-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;min-width:0}
#page-upgrader.v302-upgrader .v302-media-tile {min-height:202px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;min-width:0;padding:10px;border:1px solid #2d3c58;border-radius:14px;background:linear-gradient(140deg,#17253e,#111b2e)}
#page-upgrader.v302-upgrader .v302-media-tile[data-registered="yes"]{border-color:#4d756b}
#page-upgrader.v302-upgrader .v302-media-tile img{display:block;height:110px;width:100%;object-fit:contain;filter:drop-shadow(0 6px 11px rgba(0,0,0,.36));background:transparent}
#page-upgrader.v302-upgrader .v302-media-tile b{font-size:11px;color:#e4edff;line-height:1.4;word-break:break-word;min-height:28px}
#page-upgrader.v302-upgrader .v302-media-tile small{font-size:9px;color:#91a6cb;margin-top:auto}
#page-upgrader.v302-upgrader .v302-media-tile[data-registered="yes"] small{color:#82dbb6}
#page-upgrader.v302-upgrader .v302-media-tile .v302-price {font:800 11px 'JetBrains Mono',monospace;color:#f4d49a}
#page-upgrader.v302-upgrader .v302-media-tile button{border:1px solid #3e7e6b;background:#14382f;color:#b8f4d6;border-radius:7px;padding:7px 9px;font-size:10px;cursor:pointer;font-weight:800}
#page-upgrader.v302-upgrader .v302-media-more{display:block;margin:17px auto 0;background:#1f2044;color:#dccfff;border:1px solid #524d92;border-radius:10px;padding:12px 25px;font-weight:800;cursor:pointer}
@media(max-width:1190px){#page-upgrader.v302-upgrader .v302-stage{grid-template-columns:minmax(0,1fr) minmax(260px,315px) minmax(0,1fr)!important;gap:10px!important;padding:10px!important}#page-upgrader.v302-upgrader .v302-stage>.v302-slot{padding:12px!important}#page-upgrader.v302-upgrader .v302-wheel-card .wheel{max-width:302px!important}}
@media(max-width:950px){#page-upgrader.v302-upgrader .v302-stage{grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-upgrader.v302-upgrader .v302-stage .v302-wheel-card{grid-row:1!important;grid-column:1/-1!important}#page-upgrader.v302-upgrader .v302-topbar{display:none}#page-upgrader.v302-upgrader .v302-panels{grid-template-columns:1fr!important}#page-upgrader.v302-upgrader .v302-gallery-intro{align-items:stretch;flex-direction:column}}
@media(max-width:560px){#page-upgrader.v302-upgrader{padding:7px 9px 35px!important}#page-upgrader.v302-upgrader .v302-head{padding:16px;min-height:auto;flex-direction:column;align-items:start;border-radius:13px;gap:11px}#page-upgrader.v302-upgrader .v302-head h1{font-size:24px!important}#page-upgrader.v302-upgrader .v302-server-tag{font-size:8px}#page-upgrader.v302-upgrader .v302-stage{grid-template-columns:1fr!important;padding:9px!important}#page-upgrader.v302-upgrader .v302-stage .v302-wheel-card{grid-row:auto!important;grid-column:auto!important;order:0}#page-upgrader.v302-upgrader .v302-stage>.v302-slot{min-height:230px!important;padding:12px!important}#page-upgrader.v302-upgrader .v302-slot #fromSlot,#page-upgrader.v302-upgrader .v302-slot #toSlot{min-height:150px!important}#page-upgrader.v302-upgrader .v302-wheel-card .wheel{max-width:290px!important}#page-upgrader.v302-upgrader .v302-toolbar,#page-upgrader.v302-upgrader .v302-extra{max-width:100%!important;overflow-x:auto!important}#page-upgrader.v302-upgrader .v302-section-heading h2{font-size:19px!important}#page-upgrader.v302-upgrader .v302-art-gallery{padding:13px}#page-upgrader.v302-upgrader .v302-gallery-tools>*{width:100%}#page-upgrader.v302-upgrader .v302-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#page-upgrader.v302-upgrader .v302-media-tile{padding:7px}#page-upgrader.v302-upgrader #catalogGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:440px!important}}