
/* V318 Safe UI: static CSS and HTML only; no observer / no API interception */
:root{--v318-base:#070d1d;--v318-line:rgba(130,149,206,.19);--v318-glass:rgba(9,16,36,.78)}
html body{background:#060b19!important;color:#f2f4ff!important}
html body .app{grid-template-columns:232px minmax(0,1fr)!important;background:#060b19!important}
html body .sidebar{background:linear-gradient(180deg,#080e22,#070c1a)!important;border-right:1px solid rgba(125,137,190,.12)!important;box-shadow:none!important}
html body .sidebar .brand{height:70px!important;min-height:70px!important;padding:12px 16px!important;background:transparent!important;border-color:rgba(104,113,169,.10)!important}
html body .sidebar .brand-name{font-size:28px!important;letter-spacing:-1.5px!important}
html body .sidebar .brand-beta-v100{display:none!important}
html body .sidebar .nav{padding:8px 12px 12px!important;gap:2px!important}
html body .sidebar .nav-games-toggle-v156{display:none!important}
html body .sidebar #gamesNavPanelV156{display:block!important;max-height:none!important;height:auto!important;opacity:1!important;visibility:visible!important;overflow:visible!important;transition:none!important}
html body .sidebar .nav-btn{display:grid!important;min-height:61px!important;grid-template-columns:52px minmax(0,1fr) 10px!important;align-items:center!important;gap:9px!important;padding:5px 6px!important;margin:0 0 4px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important}
html body .sidebar .nav-btn.active{background:linear-gradient(90deg,rgba(105,66,255,.21),rgba(28,25,62,.18))!important;border-color:rgba(139,82,255,.46)!important;box-shadow:inset 3px 0 0 #9c49ff,0 9px 27px rgba(22,7,60,.13)!important}
html body .sidebar .nav-btn .nav-ic,
html body .sidebar .nav-btn.active .nav-ic{height:48px!important;width:48px!important;min-height:48px!important;min-width:48px!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;display:grid!important;place-items:center!important}
html body .sidebar .nav-btn .nav-ic img.v318-nav-img,
html body .sidebar .nav-btn.active .nav-ic img.v318-nav-img{display:block!important;width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;min-width:48px!important;min-height:48px!important;object-fit:contain!important;opacity:1!important;visibility:visible!important;position:static!important;background:none!important;border:0!important;padding:0!important;filter:none!important;transform:none!important}
html body .sidebar .nav-btn .nav-ic svg{display:none!important}
html body .sidebar .nav-btn .nav-title{font-size:13px!important;font-weight:850!important;color:#ecf2ff!important}
html body .sidebar .nav-btn .nav-sub{font-size:9px!important;color:#94a3cc!important;letter-spacing:0!important;text-transform:none!important}
html body .sidebar .nav-arrow{color:#8593c8!important}
html body .sidebar .nav-market-primary-v187{display:none!important}
html body .sidebar .nav-games-toggle-count-v156{display:none!important}
html body .sidebar .livebox{background:rgba(9,19,41,.82)!important;border:1px solid rgba(105,120,170,.12)!important;border-radius:13px!important}
html body .sidebar .livebox-row{background:rgba(10,23,44,.66)!important;border-color:rgba(104,120,173,.12)!important}
html body .main{min-width:0!important;width:100%!important;background:#070d1d!important}
html body .topbar.topbar-v5{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;justify-content:flex-end!important;gap:9px!important;min-height:70px!important;height:70px!important;padding:7px 17px!important;background:linear-gradient(180deg,rgba(7,11,25,.98),rgba(8,13,31,.98))!important;border:0!important;border-bottom:1px solid rgba(94,108,164,.17)!important;box-shadow:none!important}
html body #v318TopTabs{display:flex!important;order:1!important;align-items:center!important;gap:5px!important;min-width:0!important;flex:1 1 auto!important;margin-right:auto!important;overflow-x:auto!important;scrollbar-width:none!important;padding:4px 0!important}
html body #v318TopTabs::-webkit-scrollbar{display:none!important}
html body #v318TopTabs button{appearance:none;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid rgba(96,117,177,.21)!important;border-radius:10px!important;color:#cad6ed!important;background:linear-gradient(180deg,rgba(17,26,50,.84),rgba(9,18,39,.90))!important;padding:10px 11px!important;min-height:38px!important;white-space:nowrap!important;font-size:11px!important;font-weight:850!important;cursor:pointer!important}
html body #v318TopTabs button.active,html body #v318TopTabs button:hover{color:#fff!important;background:linear-gradient(115deg,rgba(96,64,220,.65),rgba(35,33,100,.82))!important;border-color:#8065ff!important;box-shadow:0 0 0 1px rgba(91,69,232,.21),0 0 18px rgba(95,58,213,.12)!important}
html body .topbar>.grow{display:none!important}
html body .topbar #userPill{flex:none!important;order:5!important;min-width:123px!important;max-width:180px!important;height:43px!important;border-radius:12px!important;background:rgba(16,24,48,.80)!important;border:1px solid rgba(114,136,193,.23)!important}
html body .topbar .wallet-pill{order:4!important;flex:none!important;min-width:112px!important;max-width:178px!important;height:43px!important;background:rgba(17,24,47,.85)!important;border:1px solid rgba(105,129,194,.19)!important;border-radius:12px!important}
html body .topbar #headerBalance{font-size:13px!important;letter-spacing:-.2px!important;color:#fff!important}
html body .topbar #walletAdd{width:30px!important;height:31px!important;border:0!important;border-radius:9px!important;background:linear-gradient(130deg,#7859ff,#4d39ca)!important}
html body .topbar .header-dock-v24{order:3!important;flex:none!important;display:flex!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;gap:0!important}
html body .topbar .header-dock-v24 .top-actions-v18{display:flex!important;align-items:center!important;gap:5px!important}
html body .topbar #topupBtn,html body .topbar #withdrawBtn,html body .topbar #bonusesBtnV145{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:40px!important;padding:5px 10px!important;border-radius:10px!important;border:1px solid rgba(105,129,194,.20)!important;color:#e7edff!important;background:rgba(15,25,50,.78)!important;font-size:11px!important;font-weight:850!important}
html body .topbar #topupBtn{background:linear-gradient(125deg,rgba(85,63,207,.88),rgba(51,46,133,.88))!important;border-color:rgba(129,106,255,.28)!important}
html body .topbar .header-dock-v24 .top-utility-v18,
html body .topbar .header-dock-v24 .sound-pill,
html body .topbar .header-dock-v24 .dock-sep-v24{display:none!important}
html body .topbar #verifyBtn{order:6!important;max-width:145px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important}
html body .main>.content,html body .main .content{width:100%!important;max-width:none!important;padding:15px 18px 24px!important;margin:0!important}
/* Some versions put a stale ad above the upgrader. Hide it, without touching currency sales page. */
html body #siteBanner,html body #virtsSaleV153,html body #virtsSaleBannerV153{display:none!important}
html body #page-upgrader.v302-upgrader{position:relative!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 0 24px!important;color:#f4f6ff!important}
html body #page-upgrader.v302-upgrader>.v302-head{display:block!important;position:absolute!important;z-index:6!important;top:21px!important;left:31px!important;pointer-events:none!important;max-width:500px!important;margin:0!important}
html body #page-upgrader.v302-upgrader>.v302-head h1{font-size:40px!important;letter-spacing:-1.3px!important;line-height:1!important;color:#fff!important;font-weight:950!important;margin:0!important;text-shadow:0 2px 12px rgba(0,0,0,.4)!important}
html body #page-upgrader.v302-upgrader>.v302-head p{font-size:12px!important;color:#b2bddb!important;margin-top:9px!important}
html body #page-upgrader.v302-upgrader .v302-head .v302-eyebrow,html body #page-upgrader.v302-upgrader .v302-head .v302-server-tag,html body #page-upgrader.v302-upgrader>.v302-topbar{display:none!important}
html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(335px,1.36fr) minmax(220px,1fr)!important;grid-template-rows:minmax(310px,auto) auto!important;align-items:center!important;gap:12px 25px!important;width:100%!important;max-width:none!important;min-height:533px!important;margin:0!important;padding:85px 30px 22px!important;background:linear-gradient(180deg,rgba(4,8,22,.43) 0%,rgba(4,7,18,.25) 55%,rgba(3,7,18,.78) 100%),url('/assets/v318/los-santos-night.webp') center center / cover no-repeat!important;border:1px solid rgba(104,116,169,.16)!important;border-radius:21px!important;box-shadow:0 21px 45px rgba(0,0,0,.21)!important;overflow:hidden!important}
html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,7,18,.25),transparent 40%,transparent 65%,rgba(3,7,18,.18));border-radius:inherit}
html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage::after{display:none!important}
html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage>*{z-index:1!important;position:relative!important}
html body #page-upgrader.v302-upgrader .v302-slot{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;min-height:224px!important;height:224px!important;max-width:none!important;padding:16px!important;background:linear-gradient(170deg,rgba(12,19,42,.86),rgba(9,15,36,.78))!important;border:1px solid rgba(126,145,209,.32)!important;border-radius:13px!important;box-shadow:0 10px 30px rgba(0,0,0,.14)!important;backdrop-filter:blur(6px)!important}
html body #page-upgrader.v302-upgrader .v302-slot-from{grid-column:1!important;grid-row:1!important}
html body #page-upgrader.v302-upgrader .v302-slot-to{grid-column:3!important;grid-row:1!important}
html body #page-upgrader.v302-upgrader .v302-slot .slot-label{color:#fff!important;font-size:15px!important;line-height:1.15!important;font-weight:900!important}
html body #page-upgrader.v302-upgrader .v302-slot .slot-sub{color:#9caed3!important;font-size:10px!important;min-height:0!important;margin:4px 0!important}
html body #page-upgrader.v302-upgrader .v302-slot #fromSlot,
html body #page-upgrader.v302-upgrader .v302-slot #toSlot{min-height:120px!important;flex:1!important;display:grid!important;place-items:center!important;background:transparent!important;border:none!important;box-shadow:none!important;overflow:hidden!important}
html body #page-upgrader.v302-upgrader .v302-slot .v302-scroll-pick{height:38px!important;min-height:38px!important;margin:0 auto!important;padding:7px 18px!important;border-radius:10px!important;border:1px solid rgba(132,133,245,.44)!important;color:#fff!important;background:linear-gradient(130deg,rgba(55,67,171,.87),rgba(24,68,126,.84))!important;font-size:11px!important;font-weight:800!important}
html body #page-upgrader.v302-upgrader .v302-wheel-card{grid-column:2!important;grid-row:1/3!important;align-self:center!important;justify-self:center!important;width:100%!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body #page-upgrader.v302-upgrader .v302-wheel-card .v302-wheel-subtitle{display:none!important}
html body #page-upgrader.v302-upgrader .v302-wheel-card>.wheel{width:min(100%,405px)!important;max-width:405px!important;height:auto!important;aspect-ratio:1/1!important;max-height:405px!important;min-height:0!important;margin:0 auto!important;filter:drop-shadow(0 4px 28px rgba(0,0,0,.40))!important}
html body #page-upgrader.v302-upgrader .v302-wheel-card #upgradeBtn{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:3!important;min-width:0!important;width:min(94%,336px)!important;max-width:336px!important;height:56px!important;min-height:56px!important;margin:-3px auto 0!important;padding:9px 14px!important;border:1px solid rgba(135,125,255,.44)!important;border-radius:14px!important;color:#eef1ff!important;background:linear-gradient(115deg,#533ad7,#195fe0)!important;box-shadow:0 0 20px rgba(85,82,255,.17)!important}
html body #page-upgrader.v302-upgrader .v302-wheel-card #upgradeBtn:disabled{opacity:1!important;background:linear-gradient(115deg,rgba(31,33,65,.78),rgba(26,42,86,.78))!important;color:#c2c7e7!important;box-shadow:0 0 20px rgba(71,65,195,.14)!important}
html body #page-upgrader.v302-upgrader .v302-wheel-card #upgradeBtn>span{font-size:12px!important;font-weight:950!important;letter-spacing:.015em!important}
html body #page-upgrader.v302-upgrader .wheel-hint{font-size:10px!important;color:#a9bada!important;min-height:12px!important;margin:4px 0 0!important;text-align:center!important}
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{position:relative!important;display:grid!important;grid-column:1/4!important;grid-row:2!important;grid-template-columns:minmax(220px,1fr) minmax(335px,1.36fr) minmax(220px,1fr)!important;gap:25px!important;align-items:center!important;width:100%!important;min-height:47px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #page-upgrader.v302-upgrader .v302-control-area .v302-toolbar{display:contents!important}
html body #page-upgrader.v302-upgrader .v302-control-area #presetBar{display:flex!important;grid-column:1!important;justify-self:stretch!important;align-items:center!important;gap:6px!important;flex-flow:row nowrap!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
html body #page-upgrader.v302-upgrader .v302-control-area #presetBar .preset{display:flex!important;flex:1 1 0!important;width:auto!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:5px 6px!important;margin:0!important;border:1px solid rgba(116,138,206,.20)!important;border-radius:10px!important;color:#d8e4ff!important;background:rgba(8,19,45,.84)!important;font-size:11px!important;font-weight:850!important;box-shadow:none!important}
html body #page-upgrader.v302-upgrader .v302-control-area #presetBar .preset.active,html body #page-upgrader.v302-upgrader .v302-control-area #presetBar .preset:hover{background:linear-gradient(130deg,rgba(81,62,220,.89),rgba(25,53,128,.89))!important;color:white!important;border-color:#836cff!important;box-shadow:0 0 0 1px rgba(85,79,237,.13)!important}
html body #page-upgrader.v302-upgrader .v302-control-area #presetBar .preset[data-preset^='p'],html body #page-upgrader.v302-upgrader .v302-control-area #presetBar .preset[data-preset='random']{display:none!important}
html body #page-upgrader.v302-upgrader .v302-control-area .custom-upgrade-box{grid-column:3!important;justify-self:stretch!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;max-width:none!important;min-height:44px!important;margin:0!important;padding:5px 12px!important;border:1px solid rgba(113,136,199,.22)!important;border-radius:11px!important;background:rgba(9,18,42,.76)!important;box-shadow:none!important}
html body #page-upgrader.v302-upgrader .v302-control-area .custom-upgrade-box::before{content:'Авто-шанс';display:inline-block;color:#e3eaff;font-size:11px;font-weight:850;white-space:nowrap}
html body #page-upgrader.v302-upgrader .custom-upgrade-box label,html body #page-upgrader.v302-upgrader .custom-upgrade-box #customApply,html body #page-upgrader.v302-upgrader .custom-upgrade-box .custom-or-v18{display:none!important}
html body #page-upgrader.v302-upgrader #customReset{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(115deg,#2459b9,#4c41be)!important;border:1px solid rgba(91,162,253,.23)!important;border-radius:9px!important;padding:8px 11px!important;min-height:32px!important;color:#fff!important;font-size:11px!important;font-weight:800!important}
html body #page-upgrader.v302-upgrader .v302-control-area .upgrade-toolbar-note{display:none!important}
html body #page-upgrader.v302-upgrader .v318-advanced{width:100%!important;margin:7px 0 13px!important;padding:0!important;background:transparent!important;border:none!important;color:#b2c2e6!important}
html body #page-upgrader.v302-upgrader .v318-advanced summary{display:inline-block!important;list-style:none!important;cursor:pointer!important;font-size:10px!important;color:#7085ab!important;text-decoration:underline!important;text-underline-offset:3px!important}
html body #page-upgrader.v302-upgrader .v318-advanced-fields{display:flex!important;align-items:center!important;gap:10px!important;margin:8px 0 5px!important;flex-wrap:wrap!important}
html body #page-upgrader.v302-upgrader .v318-advanced-fields label{display:flex!important;gap:6px!important;align-items:center!important;font-size:11px!important}
html body #page-upgrader.v302-upgrader .v318-advanced-fields input{width:115px!important;height:34px!important;padding:0 8px!important;border-radius:8px!important;background:#111f3b!important;border:1px solid var(--v318-line)!important;color:#fff!important}
html body #page-upgrader.v302-upgrader .v318-advanced-fields #customApply{display:inline-block!important;height:34px!important;padding:0 12px!important;border-radius:8px!important;background:#543ee4!important;color:white!important;border:0!important;font-weight:800!important}
html body #page-upgrader.v302-upgrader>.v302-section-heading{display:none!important}
html body #page-upgrader.v302-upgrader .panels.v302-panels{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;margin:13px 0 0!important;width:100%!important}
html body #page-upgrader.v302-upgrader .panel{min-width:0!important;overflow:hidden!important;border:1px solid rgba(113,126,187,.17)!important;border-radius:15px!important;background:linear-gradient(165deg,rgba(13,21,44,.92),rgba(8,15,33,.98))!important;box-shadow:0 14px 30px rgba(0,0,0,.19)!important}
html body #page-upgrader.v302-upgrader .panel-head{min-height:56px!important;padding:9px 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border-bottom:1px solid rgba(102,127,185,.18)!important;background:rgba(11,19,43,.72)!important}
html body #page-upgrader.v302-upgrader .panel-title{font-size:15px!important;line-height:1.2!important;white-space:nowrap!important;font-weight:900!important;color:#fff!important}
html body #page-upgrader.v302-upgrader .panel-title .count{display:inline!important;font-size:11px!important;color:#9ba9ca!important;font-weight:500!important}
html body #page-upgrader.v302-upgrader .v318-buy{height:37px!important;min-height:37px!important;padding:6px 12px!important;margin-left:auto!important;border-radius:9px!important;background:linear-gradient(125deg,#6c4cff,#4732c4)!important;border:1px solid rgba(160,136,255,.18)!important;color:#fff!important;font-weight:850!important;font-size:11px!important;cursor:pointer!important}
html body #page-upgrader.v302-upgrader #v302-catalog-panel>.panel-head>.filters{display:none!important}
html body #page-upgrader.v302-upgrader .market-type-tabs-v31{display:flex!important;gap:6px!important;align-items:center!important;flex-wrap:wrap!important;padding:9px 10px 6px!important;background:transparent!important;border:0!important}
html body #page-upgrader.v302-upgrader .market-type-tabs-v31 button{height:36px!important;padding:7px 12px!important;border-radius:10px!important;border:1px solid rgba(115,134,204,.18)!important;background:rgba(11,20,46,.90)!important;color:#cedcf7!important;font-size:10px!important;font-weight:800!important}
html body #page-upgrader.v302-upgrader .market-type-tabs-v31 button.active{color:white!important;background:linear-gradient(125deg,rgba(88,61,221,.95),rgba(46,39,126,.95))!important;border-color:#816cff!important}
html body #page-upgrader.v302-upgrader .catalog-tools{display:flex!important;gap:8px!important;margin:0!important;padding:7px 10px 10px!important;background:transparent!important;border:0!important}
html body #page-upgrader.v302-upgrader .catalog-tools .search,html body #page-upgrader.v302-upgrader .catalog-tools .sort{min-height:39px!important;border:1px solid rgba(114,139,210,.20)!important;border-radius:10px!important;background:rgba(4,14,32,.9)!important;color:#dde9ff!important;font-size:12px!important}
html body #page-upgrader.v302-upgrader .catalog-tools .search{flex:1!important;width:100%!important;min-width:0!important}
html body #page-upgrader.v302-upgrader .catalog-tools .sort{width:108px!important;flex:none!important}
html body #page-upgrader.v302-upgrader .grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;align-content:start!important;padding:0 10px 14px!important;background:transparent!important}
html body #page-upgrader.v302-upgrader .car{min-width:0!important;min-height:182px!important;padding:9px!important;display:flex!important;flex-direction:column!important;border:1px solid var(--rar,#4d63e1)!important;border-radius:12px!important;background:linear-gradient(160deg,rgba(22,30,67,.92),rgba(7,16,36,.95))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;overflow:hidden!important}
html body #page-upgrader.v302-upgrader .car .car-img{height:105px!important;min-height:105px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:2px 4px!important;background:transparent!important;border:0!important}
html body #page-upgrader.v302-upgrader .car .car-img img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
html body #page-upgrader.v302-upgrader .car .car-name{font-size:11px!important;line-height:1.22!important;font-weight:850!important;color:#f5f6ff!important;min-height:28px!important;overflow:hidden!important}
html body #page-upgrader.v302-upgrader .car .car-price{font-family:'JetBrains Mono',monospace!important;color:#fff!important;font-size:12px!important;font-weight:950!important;margin-top:auto!important;padding-top:5px!important;border:none!important;background:transparent!important;text-align:left!important}
html body #page-upgrader.v302-upgrader .car .item-type-chip-v31{display:none!important}
html body #page-upgrader.v302-upgrader .quality-strip-v190{display:none!important}
html body #page-upgrader.v302-upgrader .inventory-sell-v63{border-radius:8px!important}
html body #page-upgrader.v302-upgrader .empty{background:rgba(12,25,49,.40)!important;border:1px dashed rgba(113,129,199,.15)!important;border-radius:12px!important;padding:30px 12px!important}
@media(max-width:1610px){html body #v318TopTabs button{padding:9px!important;font-size:10px!important}html body .topbar #topupBtn,html body .topbar #withdrawBtn,html body .topbar #bonusesBtnV145{padding:6px!important;font-size:10px!important}html body #page-upgrader.v302-upgrader .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1340px){html body #page-upgrader.v302-upgrader .v302-stage{grid-template-columns:minmax(175px,1fr) minmax(280px,1.22fr) minmax(175px,1fr)!important;gap:12px 13px!important;padding:78px 16px 20px!important}html body #page-upgrader.v302-upgrader .v302-control-area{grid-template-columns:minmax(175px,1fr) minmax(280px,1.22fr) minmax(175px,1fr)!important;gap:13px!important}html body #page-upgrader.v302-upgrader .v302-wheel-card>.wheel{max-width:345px!important}html body #page-upgrader.v302-upgrader .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}html body #v318TopTabs{max-width:52vw!important}}
@media(max-width:1080px){html body .topbar.topbar-v5{gap:6px!important;padding:7px 9px!important}html body #v318TopTabs{max-width:48vw!important}html body #page-upgrader.v302-upgrader .v302-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(0,1fr)!important}html body #page-upgrader.v302-upgrader .v302-control-area{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(0,1fr)!important}html body #page-upgrader.v302-upgrader .v302-wheel-card>.wheel{max-width:305px!important}html body #page-upgrader.v302-upgrader .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:830px){html body .app{grid-template-columns:1fr!important}html body .sidebar{display:none!important}html body #v318TopTabs{max-width:none!important;flex:1!important}html body .topbar #userPill{min-width:95px!important}html body .topbar .wallet-pill{min-width:100px!important}html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage{display:flex!important;flex-direction:column!important;gap:13px!important;padding:104px 13px 20px!important}html body #page-upgrader.v302-upgrader .v302-slot{min-height:200px!important;height:200px!important;width:100%!important}html body #page-upgrader.v302-upgrader .v302-wheel-card{width:100%!important}html body #page-upgrader.v302-upgrader .v302-wheel-card>.wheel{width:min(90vw,380px)!important;max-width:380px!important}html body #page-upgrader.v302-upgrader .v302-control-area{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}html body #page-upgrader.v302-upgrader .v302-control-area #presetBar,html body #page-upgrader.v302-upgrader .v302-control-area .custom-upgrade-box{width:100%!important}html body #page-upgrader.v302-upgrader .panels.v302-panels{grid-template-columns:1fr!important}html body .main .content{padding:12px!important}}
@media(max-width:560px){html body #v318TopTabs{order:1!important;min-width:50vw!important}html body .topbar.topbar-v5{flex-wrap:wrap!important;height:auto!important;min-height:64px!important}html body .topbar #userPill,html body .topbar .wallet-pill{height:37px!important}html body .topbar .header-dock-v24{margin-left:auto!important}html body #page-upgrader.v302-upgrader .v302-head h1{font-size:30px!important}html body #page-upgrader.v302-upgrader .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #page-upgrader.v302-upgrader .car{min-height:170px!important}html body #page-upgrader.v302-upgrader .car .car-img{height:90px!important;min-height:90px!important}}

html body #page-upgrader.v302-upgrader #v318Advanced #upgradeCashBox{display:grid!important;position:static!important;width:100%!important;max-width:900px!important;margin:10px 0!important;transform:none!important;min-height:0!important;border-radius:11px!important;background:linear-gradient(130deg,rgba(15,27,54,.88),rgba(11,19,41,.88))!important;border:1px solid rgba(111,131,200,.24)!important;padding:12px!important}

html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage{min-height:500px!important}
/* Keep the spin action entirely inside the banner, including at common 1080p widths. */
html body #page-upgrader.v302-upgrader .v302-wheel-card>.wheel{max-width:350px!important}
html body #page-upgrader.v302-upgrader .v302-wheel-card #upgradeBtn{height:52px!important;min-height:52px!important;margin:-12px auto 0!important}
html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage{min-height:535px!important}


/* GTAUP V319 • Desktop immersive upgrader, compact premium header. CSS only. */
html body .app{grid-template-columns:224px minmax(0,1fr)!important}
html body .sidebar{background:linear-gradient(180deg,#080f23 0%,#08122b 65%,#060c1d 100%)!important}
html body .main{background:radial-gradient(circle at 75% 8%,#131d41 0%,#080f23 38%,#070d1e 77%)!important}
html body .main .content{padding:18px 20px 28px!important}
/* No duplicate game-mode menu in top header. Sidebar remains functional. */
html body #v318TopTabs{display:none!important;visibility:hidden!important;pointer-events:none!important;width:0!important;min-width:0!important;max-width:0!important;flex:none!important}
html body .topbar.topbar-v5{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:13px!important;height:auto!important;min-height:82px!important;padding:12px 22px!important;flex-wrap:nowrap!important;background:linear-gradient(105deg,rgba(8,15,32,.99),rgba(13,23,48,.98) 58%,rgba(7,14,28,.99))!important;border:none!important;border-bottom:1px solid rgba(123,149,209,.21)!important;box-shadow:inset 0 1px 0 rgba(134,160,233,.08),0 13px 34px rgba(0,0,0,.17)!important;position:relative!important;isolation:isolate!important}
html body .topbar.topbar-v5:after{content:'';position:absolute;bottom:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent,rgba(128,113,255,.52),rgba(67,159,255,.24),transparent);pointer-events:none;z-index:0}
html body .topbar.topbar-v5>*{position:relative;z-index:1}
html body .topbar .v319-header-identity{order:0!important;display:flex!important;align-items:center!important;gap:12px!important;margin-right:auto!important;min-width:190px!important;flex:none!important}
html body .v319-brand-mark{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:14px;color:#d7d5ff;font-size:24px;background:linear-gradient(140deg,rgba(104,79,224,.36),rgba(29,85,155,.19));border:1px solid rgba(134,125,255,.27);box-shadow:inset 0 1px 0 rgba(250,248,255,.10),0 9px 21px rgba(0,0,0,.12)}
html body .v319-brand-copy{display:flex;flex-direction:column;justify-content:center;gap:3px;line-height:1.1;min-width:0}
html body .v319-brand-copy strong{font-size:21px;color:#f5f7ff;letter-spacing:-.7px;font-weight:950;white-space:nowrap}
html body .v319-brand-copy em{font-size:12px;color:#998cff;letter-spacing:1px;font-style:normal;font-weight:850;padding-left:3px}
html body .v319-brand-copy small{font-size:10px;letter-spacing:2px;font-weight:750;color:#778dac}
html body .topbar .header-dock-v24{order:1!important;display:flex!important;align-items:center!important;gap:0!important;margin:0!important;padding:0!important;background:none!important;border:none!important;box-shadow:none!important;flex:none!important}
html body .topbar .header-dock-v24 .top-actions-v18{gap:9px!important}
html body .topbar #topupBtn,html body .topbar #withdrawBtn,html body .topbar #bonusesBtnV145{height:45px!important;min-height:45px!important;padding:9px 18px!important;font-size:13px!important;letter-spacing:.05px!important;font-weight:850!important;gap:9px!important;border-radius:12px!important;border:1px solid rgba(137,160,211,.23)!important;background:linear-gradient(175deg,rgba(23,35,65,.88),rgba(13,23,46,.94))!important;color:#e5ecff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 7px 18px rgba(0,0,0,.13)!important;white-space:nowrap!important}
html body .topbar #topupBtn{background:linear-gradient(125deg,#7157e9,#4f3ac0)!important;border-color:rgba(168,153,255,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 22px rgba(57,40,156,.22)!important}
html body .topbar #topupBtn .label,html body .topbar #withdrawBtn .label,html body .topbar #bonusesBtnV145 .label{display:inline!important;font-size:13px!important;letter-spacing:.02px!important}
html body .topbar #userPill{order:3!important;height:52px!important;min-height:52px!important;min-width:165px!important;max-width:215px!important;padding:6px 12px!important;background:linear-gradient(150deg,rgba(20,33,62,.93),rgba(10,20,42,.93))!important;border:1px solid rgba(126,154,218,.25)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
html body .topbar #userPill .avatar{width:34px!important;height:34px!important;font-size:15px!important}
html body .topbar #userPill .account-copy .user-name{font-size:13px!important;color:#fff!important}
html body .topbar #userPill .account-label{font-size:9px!important;color:#98abd1!important}
html body .topbar .wallet-pill{order:2!important;min-width:160px!important;height:52px!important;max-width:250px!important;padding:6px 8px 6px 12px!important;background:linear-gradient(150deg,rgba(22,35,67,.93),rgba(11,21,45,.93))!important;border-radius:14px!important;border:1px solid rgba(126,154,218,.25)!important}
html body .topbar .wallet-pill .wallet-coin{width:31px!important;height:31px!important;font-size:16px!important}
html body .topbar #headerBalance{font-size:16px!important;font-weight:950!important;white-space:nowrap!important}
html body .topbar .wallet-pill .wallet-label{font-size:9px!important;color:#9aa9c9!important}
html body .topbar #walletAdd{width:36px!important;height:37px!important;background:linear-gradient(125deg,#785df2,#4b37ba)!important;border-radius:10px!important}
html body .topbar #verifyBtn{display:none!important}
html body .topbar .header-dock-v24 #authBtn{display:none!important}
/* The large hero is the page. */
html body #page-upgrader.v302-upgrader{max-width:none!important;width:100%!important;padding-bottom:30px!important}
html body #page-upgrader.v302-upgrader>.v302-head{top:31px!important;left:38px!important;max-width:none!important;pointer-events:none!important}
html body #page-upgrader.v302-upgrader>.v302-head h1{font-size:49px!important;letter-spacing:-1.4px!important;font-weight:950!important;line-height:1!important;text-transform:uppercase!important;text-shadow:0 2px 15px rgba(0,0,0,.34)!important}
html body #page-upgrader.v302-upgrader>.v302-head p{font-size:16px!important;letter-spacing:0!important;color:#bfcae2!important;margin-top:9px!important}
html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(440px,530px) minmax(280px,1fr)!important;grid-template-rows:minmax(560px,auto) minmax(55px,auto)!important;align-items:center!important;justify-content:space-between!important;gap:15px 24px!important;min-height:770px!important;width:100%!important;max-width:none!important;padding:120px 35px 38px!important;margin:0!important;border-radius:23px!important;border:1px solid rgba(110,136,194,.19)!important;background:linear-gradient(180deg,rgba(4,9,21,.40) 0%,rgba(4,10,25,.10) 45%,rgba(3,8,20,.56) 100%),url('/assets/v318/los-santos-night.webp') center/cover no-repeat!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 65px rgba(0,0,0,.20)!important;overflow:hidden!important}
html body #page-upgrader.v302-upgrader .v302-slot{height:360px!important;min-height:360px!important;max-height:none!important;max-width:none!important;padding:24px!important;align-self:center!important;background:linear-gradient(145deg,rgba(13,25,48,.68),rgba(9,17,38,.70))!important;border:1px solid rgba(119,146,204,.26)!important;border-radius:20px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 35px rgba(0,0,0,.15)!important;backdrop-filter:blur(7px)!important}
html body #page-upgrader.v302-upgrader .v302-slot .slot-label{font-size:20px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.35px!important}
html body #page-upgrader.v302-upgrader .v302-slot .slot-sub{font-size:13px!important;color:#aabbd5!important;margin:9px 0!important;line-height:1.35!important}
html body #page-upgrader.v302-upgrader .v302-slot #fromSlot,html body #page-upgrader.v302-upgrader .v302-slot #toSlot{height:auto!important;min-height:205px!important;flex:1!important;margin:0!important;display:grid!important;place-items:center!important;border:0!important;background:none!important;box-shadow:none!important;overflow:hidden!important}
html body #page-upgrader.v302-upgrader .v302-slot #fromSlot img,html body #page-upgrader.v302-upgrader .v302-slot #toSlot img{max-height:186px!important;max-width:96%!important;object-fit:contain!important}
html body #page-upgrader.v302-upgrader .v302-slot .slot-empty{min-height:200px!important;display:grid!important;place-items:center!important;border-radius:14px!important;border:1px dashed rgba(132,165,223,.25)!important;background:linear-gradient(170deg,rgba(11,22,45,.14),rgba(5,12,26,.28))!important}
html body #page-upgrader.v302-upgrader .v302-slot .slot-empty svg,html body #page-upgrader.v302-upgrader .v302-slot .slot-empty img{width:110px!important;height:110px!important;max-width:100%!important;max-height:100%!important;opacity:.42!important}
html body #page-upgrader.v302-upgrader .v302-slot .v302-scroll-pick{height:48px!important;min-height:48px!important;padding:9px 26px!important;margin:13px auto 0!important;font-size:14px!important;font-weight:850!important;border-radius:12px!important;border:1px solid rgba(132,157,213,.25)!important;background:linear-gradient(145deg,#294e90,#4337a4)!important;box-shadow:0 8px 20px rgba(5,10,31,.22)!important;color:#fff!important}
html body #page-upgrader.v302-upgrader .v302-wheel-card{width:100%!important;max-width:530px!important;min-width:0!important;align-self:center!important;justify-self:center!important;padding:0!important;margin:0!important;transform:none!important}
html body #page-upgrader.v302-upgrader .v302-wheel-card>.wheel{width:min(100%,520px)!important;height:auto!important;aspect-ratio:1!important;max-width:520px!important;min-height:0!important;max-height:none!important;margin:0 auto!important;transform:none!important;filter:drop-shadow(0 4px 28px rgba(17,86,159,.22))!important}
html body #page-upgrader.v302-upgrader .v302-wheel-card #upgradeBtn{width:min(91%,390px)!important;max-width:390px!important;height:64px!important;min-height:64px!important;margin:6px auto 0!important;border-radius:14px!important;background:linear-gradient(125deg,#5f4ce0,#375abe)!important;border:1px solid rgba(149,143,232,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 13px 30px rgba(7,14,42,.27)!important}
html body #page-upgrader.v302-upgrader .v302-wheel-card #upgradeBtn>span{font-size:16px!important;letter-spacing:.04em!important}
html body #page-upgrader.v302-upgrader .v302-control-area{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(440px,530px) minmax(280px,1fr)!important;grid-column:1/-1!important;grid-row:2!important;gap:24px!important;align-items:center!important;min-height:52px!important;margin:0!important;padding:0!important;width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body #page-upgrader.v302-upgrader .v302-control-area #presetBar{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:stretch!important;gap:9px!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
html body #page-upgrader.v302-upgrader .v302-control-area #presetBar .preset{height:49px!important;min-height:49px!important;font-size:14px!important;font-weight:850!important;flex:1 1 0!important;width:auto!important;min-width:0!important;padding:8px 6px!important;border-radius:12px!important;background:linear-gradient(160deg,rgba(14,24,48,.91),rgba(8,18,42,.85))!important;border:1px solid rgba(134,154,210,.23)!important}
html body #page-upgrader.v302-upgrader .v302-control-area #presetBar .preset.active{background:linear-gradient(130deg,rgba(93,66,212,.91),rgba(45,63,153,.93))!important;border:1px solid rgba(165,149,255,.59)!important;color:#fff!important}
html body #page-upgrader.v302-upgrader .v302-control-area .custom-upgrade-box{grid-column:3!important;max-width:100%!important;width:100%!important;min-height:52px!important;padding:6px 8px!important;background:rgba(8,18,41,.65)!important;border:1px solid rgba(130,146,201,.23)!important;border-radius:13px!important}
html body #page-upgrader.v302-upgrader .v302-control-area .custom-upgrade-box button{height:38px!important;min-width:75px!important}
html body #page-upgrader.v302-upgrader .v302-control-area .custom-upgrade-box input{height:39px!important;font-size:12px!important}
html body #page-upgrader.v302-upgrader .v302-control-area .auto-chance-v69{min-height:43px!important}
html body #page-upgrader.v302-upgrader .v318-advanced{margin-top:12px!important}
html body #page-upgrader.v302-upgrader .panels.v302-panels{gap:20px!important;margin-top:18px!important}
html body #page-upgrader.v302-upgrader .panels .panel{border-radius:18px!important;background:linear-gradient(175deg,#101a32,#081326)!important;border:1px solid rgba(117,135,185,.16)!important;box-shadow:0 12px 30px rgba(0,0,0,.12)!important}
html body #page-upgrader.v302-upgrader .panel-head{min-height:68px!important;padding:12px 18px!important;border-bottom:1px solid rgba(134,155,204,.13)!important}
html body #page-upgrader.v302-upgrader .panel-title{font-size:20px!important;font-weight:900!important}
html body #page-upgrader.v302-upgrader .panel-title .count{font-size:12px!important}
html body #page-upgrader.v302-upgrader .v318-buy{font-size:13px!important;height:42px!important;padding:8px 18px!important}
html body #page-upgrader.v302-upgrader .panel .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;padding:0 14px 18px!important}
html body #page-upgrader.v302-upgrader .panel .car{min-height:228px!important;border-radius:14px!important;padding:13px!important}
html body #page-upgrader.v302-upgrader .panel .car .car-img{height:133px!important;min-height:133px!important}
html body #page-upgrader.v302-upgrader .panel .car .car-img img{max-height:126px!important}
html body #page-upgrader.v302-upgrader .panel .car .car-name{font-size:13px!important;min-height:34px!important}
html body #page-upgrader.v302-upgrader .panel .car .car-price{font-size:15px!important;padding-top:7px!important}
/* Responsive width constraints apply after old V318 media overrides. */
@media(max-width:1660px){html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage{grid-template-columns:minmax(240px,1fr) minmax(385px,465px) minmax(240px,1fr)!important;grid-template-rows:minmax(490px,auto) auto!important;padding:110px 27px 34px!important;gap:12px 20px!important;min-height:700px!important}html body #page-upgrader.v302-upgrader .v302-control-area{grid-template-columns:minmax(240px,1fr) minmax(385px,465px) minmax(240px,1fr)!important;gap:20px!important}html body #page-upgrader.v302-upgrader .v302-wheel-card>.wheel{max-width:455px!important}html body #page-upgrader.v302-upgrader .v302-slot{height:340px!important;min-height:340px!important}html body #page-upgrader.v302-upgrader .panel .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1380px){html body .topbar .v319-header-identity{min-width:135px!important}html body .v319-brand-copy em{display:none!important}html body .v319-brand-copy strong{font-size:19px!important}html body .v319-brand-copy small{font-size:9px!important;letter-spacing:1px}html body .topbar #topupBtn,html body .topbar #withdrawBtn,html body .topbar #bonusesBtnV145{padding:7px 12px!important;font-size:12px!important}html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage{grid-template-columns:minmax(210px,1fr) minmax(340px,410px) minmax(210px,1fr)!important;grid-template-rows:minmax(460px,auto) auto!important;min-height:660px!important;padding:100px 19px 30px!important;gap:12px!important}html body #page-upgrader.v302-upgrader .v302-control-area{grid-template-columns:minmax(210px,1fr) minmax(340px,410px) minmax(210px,1fr)!important;gap:12px!important}html body #page-upgrader.v302-upgrader .v302-wheel-card>.wheel{max-width:405px!important}html body #page-upgrader.v302-upgrader .v302-slot{height:310px!important;min-height:310px!important;padding:17px!important}html body #page-upgrader.v302-upgrader .v302-slot #fromSlot,html body #page-upgrader.v302-upgrader .v302-slot #toSlot{min-height:160px!important}html body #page-upgrader.v302-upgrader .v302-slot .slot-empty{min-height:155px!important}html body #page-upgrader.v302-upgrader .v302-control-area #presetBar .preset{height:43px!important;min-height:43px!important;font-size:12px!important}}
@media(max-width:1130px){html body .topbar.topbar-v5{flex-wrap:wrap!important;justify-content:flex-end!important;padding:10px 16px!important;gap:9px!important}html body .topbar .v319-header-identity{margin-right:auto!important;min-width:120px!important}html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto auto auto!important;padding:106px 20px 24px!important;gap:16px!important;min-height:0!important}html body #page-upgrader.v302-upgrader .v302-wheel-card{grid-column:1/-1!important;grid-row:1!important;justify-self:center!important}html body #page-upgrader.v302-upgrader .v302-slot-from{grid-column:1!important;grid-row:2!important}html body #page-upgrader.v302-upgrader .v302-slot-to{grid-column:2!important;grid-row:2!important}html body #page-upgrader.v302-upgrader .v302-control-area{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-column:1/-1!important;grid-row:3!important;gap:12px!important}html body #page-upgrader.v302-upgrader .v302-control-area #presetBar{grid-column:1!important}html body #page-upgrader.v302-upgrader .v302-control-area .custom-upgrade-box{grid-column:2!important}html body #page-upgrader.v302-upgrader .v302-wheel-card>.wheel{max-width:480px!important}html body #page-upgrader.v302-upgrader .v302-slot{width:100%!important;min-height:280px!important;height:280px!important}html body #page-upgrader.v302-upgrader .panels.v302-panels{grid-template-columns:1fr!important}html body #page-upgrader.v302-upgrader .panel .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:830px){html body .app{grid-template-columns:1fr!important}html body .sidebar{display:none!important}html body .topbar .v319-header-identity{flex:1 1 auto!important}html body .topbar .header-dock-v24{order:4!important;width:100%!important;justify-content:center!important}html body .topbar #userPill{order:3!important}html body .topbar .wallet-pill{order:2!important}html body #page-upgrader.v302-upgrader>.v302-head h1{font-size:38px!important}html body #page-upgrader.v302-upgrader>.v302-head p{font-size:13px!important}html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage{display:flex!important;flex-direction:column!important;padding:117px 14px 20px!important;min-height:0!important;gap:18px!important}html body #page-upgrader.v302-upgrader .v302-wheel-card{order:0!important;width:100%!important;max-width:none!important}html body #page-upgrader.v302-upgrader .v302-wheel-card>.wheel{width:min(80vw,480px)!important;max-width:480px!important}html body #page-upgrader.v302-upgrader .v302-slot{height:auto!important;min-height:280px!important;width:100%!important;max-width:620px!important;order:1!important}html body #page-upgrader.v302-upgrader .v302-control-area{display:flex!important;flex-wrap:wrap!important;order:2!important;width:100%!important}html body #page-upgrader.v302-upgrader .v302-control-area #presetBar{width:100%!important;min-width:0!important}html body #page-upgrader.v302-upgrader .v302-control-area .custom-upgrade-box{width:100%!important;max-width:none!important}html body #page-upgrader.v302-upgrader .panel .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:530px){html body .topbar.topbar-v5{padding:10px!important;gap:7px!important}html body .topbar .v319-header-identity{min-width:80px!important}html body .v319-brand-mark{display:none!important}html body .v319-brand-copy small{display:none!important}html body .topbar .wallet-pill{min-width:112px!important;max-width:144px!important}html body .topbar #userPill{min-width:112px!important;max-width:160px!important}html body .topbar #headerBalance{font-size:12px!important}html body .topbar .header-dock-v24 .top-actions-v18{width:100%!important;gap:6px!important}html body .topbar #topupBtn,html body .topbar #withdrawBtn,html body .topbar #bonusesBtnV145{flex:1 1 auto!important;min-width:0!important;padding:7px 6px!important;font-size:11px!important}html body .main .content{padding:10px!important}html body #page-upgrader.v302-upgrader>.v302-head{top:18px!important;left:18px!important}html body #page-upgrader.v302-upgrader>.v302-head h1{font-size:32px!important}html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage{padding-top:94px!important}html body #page-upgrader.v302-upgrader .v302-wheel-card>.wheel{width:min(85vw,360px)!important;max-width:360px!important}html body #page-upgrader.v302-upgrader .panel .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}html body #page-upgrader.v302-upgrader .panel .car{min-height:200px!important;padding:8px!important}html body #page-upgrader.v302-upgrader .panel .car .car-img{height:100px!important;min-height:100px!important}}


/* V319 final specificity fixes against legacy direct-child slot rules */
html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage>.v302-slot{height:360px!important;min-height:360px!important;max-height:none!important;padding:24px!important;align-self:center!important;border-radius:20px!important;border:1px solid rgba(119,146,204,.26)!important;background:linear-gradient(145deg,rgba(13,25,48,.68),rgba(9,17,38,.70))!important;box-shadow:0 16px 35px rgba(0,0,0,.15)!important}
html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage>.v302-slot .slot-label{font-size:20px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.35px!important}
html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage>.v302-slot .slot-sub{font-size:13px!important;color:#aabbd5!important;margin:9px 0!important;min-height:0!important}
html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage>.v302-slot .v302-scroll-pick{height:48px!important;min-height:48px!important;padding:9px 26px!important;margin:13px auto 0!important;font-size:14px!important;border-radius:12px!important;background:linear-gradient(145deg,#294e90,#4337a4)!important}
html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage>.v302-slot #fromSlot,html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage>.v302-slot #toSlot{min-height:205px!important}
@media(max-width:1660px){html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage>.v302-slot{height:340px!important;min-height:340px!important}}
@media(max-width:1380px){html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage>.v302-slot{height:310px!important;min-height:310px!important;padding:17px!important}html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage>.v302-slot #fromSlot,html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage>.v302-slot #toSlot{min-height:160px!important}}
@media(max-width:1130px){html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage>.v302-slot{height:280px!important;min-height:280px!important}}
@media(max-width:830px){html body #page-upgrader.v302-upgrader .upgrade-stage.v302-stage>.v302-slot{height:auto!important;min-height:280px!important}}

/* GTAUP V320 — balance-preserving, responsive UI adjustments */
html body .topbar.topbar-v5{
  height:86px!important;min-height:86px!important;gap:12px!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  background:linear-gradient(120deg,#090f21 0%,#0d1730 55%,#0a1329 100%)!important;
  border-bottom:1px solid rgba(119,146,203,.17)!important;
  padding:12px clamp(14px,2vw,34px)!important;
  box-shadow:0 8px 32px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035)!important;
}
html body .topbar.topbar-v5:after{display:none!important}
html body .topbar .v319-header-identity{gap:10px!important;min-width:132px!important;max-width:300px!important;flex:1 1 auto!important;align-items:center!important;margin:0 auto 0 0!important}
html body .topbar .v319-brand-mark{height:42px!important;width:42px!important;background:linear-gradient(145deg,#25205a,#111f43)!important;border:1px solid rgba(126,115,243,.27)!important;border-radius:13px!important}
html body .topbar .v319-brand-copy strong{font-size:25px!important;line-height:1.02!important;font-weight:950!important;letter-spacing:-1.1px!important;color:#fafaff!important}
html body .topbar .v319-brand-copy small{font-size:10px!important;letter-spacing:1.3px!important;color:#869abb!important}
html body .topbar #v318TopTabs{display:none!important}
html body .topbar .grow{display:none!important}
html body .topbar .header-dock-v24{
  order:2!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;
  gap:10px!important;width:auto!important;min-width:0!important;height:auto!important;
  margin:0!important;padding:0!important;border:0!important;outline:0!important;
  background:transparent!important;box-shadow:none!important;isolation:isolate!important;
}
html body .topbar .header-dock-v24 .top-actions-v18{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;
  width:auto!important;min-width:0!important;margin:0!important;padding:0!important;
  background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;
}
html body .topbar .header-dock-v24 .top-actions-v18:before,
html body .topbar .header-dock-v24 .top-actions-v18:after,
html body .topbar .header-dock-v24:before,
html body .topbar .header-dock-v24:after{display:none!important;content:none!important}
html body .topbar .header-dock-v24 .top-actions-v18 > button#topupBtn,
html body .topbar .header-dock-v24 .top-actions-v18 > button#withdrawBtn,
html body .topbar .header-dock-v24 .top-actions-v18 > button#bonusesBtnV145{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;min-width:116px!important;max-width:none!important;
  width:auto!important;height:44px!important;min-height:44px!important;
  padding:0 15px!important;gap:8px!important;white-space:nowrap!important;
  border-radius:12px!important;color:#f0f4ff!important;
  background:linear-gradient(180deg,#192748,#111c37)!important;
  border:1px solid rgba(113,140,207,.20)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 6px 16px rgba(0,0,0,.13)!important;
  text-shadow:none!important;transform:none!important;
  font-size:13px!important;line-height:1!important;font-weight:850!important;letter-spacing:0!important;
}
html body .topbar .header-dock-v24 .top-actions-v18 > button#topupBtn{
  background:linear-gradient(130deg,#735bf0,#4e39bb)!important;
  border-color:rgba(168,153,255,.35)!important;
  box-shadow:0 7px 22px rgba(87,63,192,.24),inset 0 1px rgba(255,255,255,.14)!important;
}
html body .topbar .header-dock-v24 .top-actions-v18 > button:hover{
  filter:brightness(1.14)!important;transform:translateY(-1px)!important
}
html body .topbar .header-dock-v24 .top-actions-v18 .label,
html body .topbar .header-dock-v24 .top-actions-v18 .action-ic-v18{
  display:inline!important;background:transparent!important;border:none!important;
  width:auto!important;height:auto!important;padding:0!important;margin:0!important;
  color:inherit!important;box-shadow:none!important;font-size:13px!important;font-weight:850!important
}
html body .topbar .header-dock-v24 .top-actions-v18 .action-ic-v18{font-size:17px!important;line-height:1!important}
html body .topbar .header-dock-v24 .dock-sep-v24{display:none!important}
html body .topbar #userPill{
  order:4!important;display:flex!important;align-items:center!important;gap:8px!important;
  min-width:176px!important;max-width:220px!important;width:auto!important;
  height:52px!important;min-height:52px!important;padding:6px 12px!important;
  background:linear-gradient(160deg,#182540,#101a33)!important;
  border:1px solid rgba(120,147,208,.22)!important;border-radius:14px!important;box-shadow:none!important;
}
html body .topbar .wallet-pill{
  order:3!important;display:flex!important;align-items:center!important;gap:9px!important;
  height:52px!important;min-height:52px!important;min-width:174px!important;max-width:300px!important;
  padding:6px 8px 6px 12px!important;
  background:linear-gradient(160deg,#192844,#101b36)!important;
  border:1px solid rgba(120,147,208,.22)!important;border-radius:14px!important;box-shadow:none!important;
}
html body .topbar .wallet-pill .wallet-copy{display:flex!important;flex-direction:column!important;gap:2px!important;align-items:flex-start!important;min-width:0!important}
html body .topbar #headerBalance{font-size:16px!important;font-weight:900!important;line-height:1.15!important;color:#f9fafc!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:168px!important}
html body .topbar #walletAdd{flex:none!important;border-radius:10px!important;width:34px!important;height:36px!important}
html body .topbar .top-utility-v18,html body .topbar .sound-pill{display:none!important}
html body .topbar #verifyBtn{display:none!important}
html body .topbar .header-dock-v24 #authBtn{display:none!important}

/* V320: large readable target instructions and no overlap with its picker button. */
html body #page-upgrader.v302-upgrader .v302-slot{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;overflow:hidden!important}
html body #page-upgrader.v302-upgrader .v302-slot .slot-label{position:relative!important;z-index:2!important;margin:0 0 6px!important;line-height:1.28!important}
html body #page-upgrader.v302-upgrader .v302-slot .slot-sub{position:relative!important;z-index:2!important;line-height:1.45!important;min-height:0!important;margin:2px 0 7px!important;white-space:normal!important}
html body #page-upgrader.v302-upgrader .v302-slot #fromSlot,
html body #page-upgrader.v302-upgrader .v302-slot #toSlot{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;min-height:0!important;flex:1 1 auto!important;margin:0!important;padding:0!important;overflow:hidden!important}
html body #page-upgrader.v302-upgrader .v302-slot .slot-empty{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  position:relative!important;min-height:165px!important;height:100%!important;width:100%!important;
  padding:18px 15px 20px!important;gap:8px!important;overflow:hidden!important;
}
html body #page-upgrader.v302-upgrader .v302-slot .slot-q-v64{position:relative!important;left:auto!important;top:auto!important;transform:none!important;flex:0 0 auto!important;height:56px!important;width:64px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;opacity:.42!important}
html body #page-upgrader.v302-upgrader .v302-slot .slot-empty-copy{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
  display:block!important;flex:0 0 auto!important;margin:0!important;max-width:100%!important;width:100%!important;
  color:#bac8df!important;font-size:13px!important;line-height:1.5!important;text-align:center!important;
  font-weight:650!important;opacity:1!important;white-space:normal!important;word-break:normal!important;
}
html body #page-upgrader.v302-upgrader .v302-slot .slot-empty-copy:before,
html body #page-upgrader.v302-upgrader .v302-slot .slot-empty-copy:after{display:none!important;content:none!important}
html body #page-upgrader.v302-upgrader .v302-slot .v302-scroll-pick{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 48px!important;align-self:center!important;width:min(100%,230px)!important;min-height:48px!important;height:48px!important;margin:13px auto 0!important;z-index:3!important}

/* All game pages match desktop proportions of the upgrader rather than looking like small widgets. */
@media(min-width:1101px){
  html body .main .content{padding:20px 24px 32px!important}
  html body .main .content > .page:not(#page-upgrader){width:100%!important;max-width:none!important;min-width:0!important;margin-inline:auto!important;font-size:15px!important}
  html body .main .content > .page:not(#page-upgrader) .page-head{margin:4px 0 24px!important;padding:18px 18px!important}
  html body .main .content > .page:not(#page-upgrader) .page-title{font-size:clamp(34px,3.2vw,53px)!important;line-height:1.08!important}
  html body .main .content > .page:not(#page-upgrader) .page-desc{font-size:15px!important;line-height:1.5!important;max-width:980px!important}
  html body #page-cases .case-catalog-v214{width:100%!important;max-width:none!important}
  html body #page-cases .case-catalog-head-v214 h1{font-size:clamp(38px,3.5vw,54px)!important}
  html body #page-cases #caseCatalogHomeV215 .case-catalog-grid-v214{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;width:100%!important}
  html body #page-cases #caseCatalogHomeV215 .case-preview-v214{min-height:360px!important;height:360px!important;border-radius:20px!important}
  html body #page-cases #caseCatalogHomeV215 .case-preview-art-v214 img{max-height:260px!important;height:260px!important;width:100%!important;object-fit:contain!important}
  html body #page-contracts .contract-hero-v30,
  html body #page-mines .mine-hero-v38{min-height:220px!important;padding:32px!important;border-radius:22px!important}
  html body #page-contracts .contract-layout-v30{gap:22px!important}
  html body #page-mines .mine-game-v38{gap:22px!important}
  html body #page-crash .crash-wrap{gap:24px!important;grid-template-columns:minmax(0,1.7fr) minmax(320px,.85fr)!important}
  html body #page-crash .crash-canvas{height:clamp(480px,43vw,660px)!important;min-height:480px!important}
  html body #page-blackjack .blackjack-shell-v136{width:100%!important;max-width:none!important;gap:24px!important}
  html body #page-blackjack .blackjack-table-v136{min-height:750px!important;height:750px!important}
  html body #page-bonuses .bonus-page-shell-v151{max-width:none!important}
}
@media(min-width:1101px) and (max-width:1420px){
  html body #page-cases #caseCatalogHomeV215 .case-catalog-grid-v214{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1250px){
  html body .topbar.topbar-v5{flex-wrap:wrap!important;min-height:84px!important;height:auto!important;gap:10px!important}
  html body .topbar .v319-header-identity{min-width:125px!important}
  html body .topbar .header-dock-v24{order:5!important;flex:0 1 auto!important;justify-content:flex-end!important}
  html body .topbar .wallet-pill{order:3!important}
  html body .topbar #userPill{order:4!important}
}
@media(max-width:770px){
  html body .topbar.topbar-v5{gap:8px!important;padding:10px!important;min-height:0!important}
  html body .topbar .v319-header-identity{width:100%!important;max-width:none!important;min-width:0!important;flex:1 1 100%!important;margin:0!important}
  html body .topbar .v319-brand-mark{height:35px!important;width:35px!important}
  html body .topbar .v319-brand-copy strong{font-size:22px!important}
  html body .topbar .wallet-pill,html body .topbar #userPill{flex:1 1 calc(50% - 6px)!important;min-width:0!important;max-width:none!important;justify-content:flex-start!important}
  html body .topbar .header-dock-v24{order:5!important;flex:1 1 100%!important;width:100%!important}
  html body .topbar .header-dock-v24 .top-actions-v18{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:7px!important}
  html body .topbar .header-dock-v24 .top-actions-v18 > button#topupBtn,
  html body .topbar .header-dock-v24 .top-actions-v18 > button#withdrawBtn,
  html body .topbar .header-dock-v24 .top-actions-v18 > button#bonusesBtnV145{width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;padding:0 8px!important;font-size:11px!important}
  html body #page-upgrader.v302-upgrader .v302-slot .slot-empty-copy{font-size:12px!important}
  html body #page-upgrader.v302-upgrader .v302-slot .v302-scroll-pick{margin-top:10px!important}
}

/* GTAUP V321 — corrections without changing payments or server rules */
/* The decorative button pseudo-element was covering the real label & click target. */
html body #page-upgrader .upgrade-stage .slot-empty::after,
html body #page-upgrader .upgrade-stage .slot-empty:hover::after,
html body #page-upgrader .slot-empty::before{content:none!important;display:none!important;pointer-events:none!important}
html body #page-upgrader .upgrade-stage .slot-empty{isolation:isolate!important;position:relative!important;min-width:0!important;min-height:165px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;padding:16px 12px!important}
html body #page-upgrader .upgrade-stage .slot-empty-copy{position:static!important;transform:none!important;inset:auto!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;font-size:13px!important;font-weight:700!important;line-height:1.55!important;color:#b9cae4!important;text-align:center!important;white-space:normal!important;z-index:2!important;order:2!important}
html body #page-upgrader .upgrade-stage .slot-empty-copy::before,
html body #page-upgrader .upgrade-stage .slot-empty-copy::after{display:none!important;content:none!important}
html body #page-upgrader .upgrade-stage .slot-q-v64{position:static!important;inset:auto!important;transform:none!important;margin:0!important;pointer-events:none!important;order:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:64px!important;height:64px!important;font-size:28px!important;opacity:.48!important}
html body #page-upgrader .v302-slot .v302-scroll-pick{position:relative!important;z-index:4!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:14px auto 0!important;width:min(240px,100%)!important;min-width:0!important;flex:none!important;height:46px!important;min-height:46px!important;white-space:normal!important;line-height:1.25!important;text-align:center!important;font-weight:800!important;font-size:13px!important;color:#f9faff!important;background:linear-gradient(135deg,#5b48d9,#303a7e)!important;border-radius:12px!important}
html body #page-upgrader .v302-slot .v302-scroll-pick:hover{filter:brightness(1.12)!important}
/* Make hidden target/image placeholders subordinate to instructions. */
html body #page-upgrader .upgrade-stage .slot-empty-shape{position:static!important;inset:auto!important;margin:0 auto!important;transform:none!important;max-height:82px!important;opacity:.24!important;pointer-events:none!important;order:0!important}

/* Mines restored: 25 visible cells, not an empty strip. */
html body #page-mines .mine-layout-v38{display:grid!important;grid-template-columns:minmax(255px,300px) minmax(420px,1fr) minmax(235px,285px)!important;align-items:start!important;gap:20px!important;width:100%!important;max-width:none!important}
html body #page-mines .mine-board-card-v38{min-width:0!important;min-height:650px!important;padding:24px!important;background:linear-gradient(145deg,#122943,#0d1b35)!important;border:1px solid rgba(112,157,216,.15)!important;border-radius:22px!important}
html body #page-mines .mine-board-frame-v38{display:flex!important;align-items:center!important;justify-content:center!important;min-height:490px!important;width:100%!important;padding:20px!important;border-radius:18px!important;background:radial-gradient(ellipse at 50% 42%,rgba(43,135,123,.12),rgba(9,25,44,.65) 72%)!important;border:1px solid rgba(77,152,175,.16)!important}
html body #page-mines #mineBoardV38{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:repeat(5,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;justify-items:stretch!important;width:min(100%,570px)!important;min-width:0!important;min-height:445px!important;margin:auto!important;visibility:visible!important;opacity:1!important}
html body #page-mines #mineBoardV38>.mine-cell-v38{display:flex!important;align-items:center!important;justify-content:center!important;aspect-ratio:1!important;min-width:0!important;min-height:65px!important;max-width:none!important;height:auto!important;position:relative!important;visibility:visible!important;opacity:1!important;border-radius:14px!important;background:linear-gradient(150deg,#213b5b,#142945)!important;border:1px solid rgba(112,169,199,.26)!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 7px 16px rgba(0,0,0,.15)!important}
html body #page-mines #mineBoardV38>.mine-cell-v38:disabled{cursor:not-allowed!important}
html body #page-mines #mineBoardV38>.mine-cell-v38.safe{background:linear-gradient(135deg,#164a47,#153b49)!important;border-color:#4de2ae!important}
html body #page-mines #mineBoardV38>.mine-cell-v38.bomb{background:linear-gradient(135deg,#552836,#3d1e34)!important;border-color:#f56f86!important}
html body #page-mines #mineBoardV38>.mine-cell-v38 .mine-symbol-v38{font-size:25px!important}
html body #page-mines .mine-panel-v38,html body #page-mines .mine-history-v38{background:linear-gradient(145deg,#142e4a,#10223b)!important;border:1px solid rgba(112,157,216,.15)!important}
html body #page-mines .mine-hero-v38{margin-bottom:20px!important}
@media(max-width:1370px){html body #page-mines .mine-layout-v38{grid-template-columns:minmax(235px,290px) minmax(380px,1fr)!important}html body #page-mines .mine-history-v38{grid-column:1/-1!important}html body #page-mines .mine-board-frame-v38{min-height:450px!important}html body #page-mines #mineBoardV38{min-height:400px!important}}
@media(max-width:900px){html body #page-mines .mine-layout-v38{grid-template-columns:minmax(0,1fr)!important}html body #page-mines .mine-board-card-v38{min-height:0!important}html body #page-mines .mine-board-frame-v38{min-height:0!important}html body #page-mines #mineBoardV38{min-height:0!important;gap:6px!important}html body #page-mines #mineBoardV38>.mine-cell-v38{min-height:43px!important}}
@media(max-width:530px){html body #page-mines .mine-board-card-v38{padding:11px!important}html body #page-mines .mine-board-frame-v38{padding:9px!important}html body #page-mines #mineBoardV38{gap:5px!important}html body #page-mines #mineBoardV38>.mine-cell-v38{min-height:42px!important;border-radius:9px!important}html body #page-upgrader .upgrade-stage .slot-empty-copy{font-size:12px!important}}
/* Cases may be viewed with a temporary API error; spending remains disabled. */
#caseV321Offline{margin:14px 0;padding:13px 16px;border-radius:14px;background:linear-gradient(140deg,rgba(80,116,188,.17),rgba(26,51,80,.28));border:1px solid rgba(114,160,225,.21);font-size:13px;line-height:1.5;color:#c6dcf7}
#caseV321Offline[hidden]{display:none!important}
#caseV321Offline b{color:#fff}
#caseV321Offline small{display:block;color:#adc3df;font-size:11px;margin-top:4px}

