/* GTAUP V310 — final cobalt skin. All gameplay and account logic lives in the original modules. */
:root,html,html[data-theme],body{--v310-bg:#15395d;--v310-bg2:#1d476f;--v310-panel:#28557d;--v310-panel-soft:#31638d;--v310-edge:rgba(185,221,251,.10);--v310-text:#eef8ff;--v310-muted:#aecce7;--bg:#173e62;--surface:#28557d;--surface2:#31628b;--line:rgba(182,220,249,.10);background:#163b60!important;color:var(--v310-text)!important}
html body,html body .app,html body .main,html body .content{background:linear-gradient(145deg,#14385c,#1b446c 75%,#1b4268)!important;color:var(--v310-text)!important}
/* Header: remove the persistent black dock, including its shadow and pseudo elements. */
html body .topbar,html body .topbar.topbar-v5,html body .topbar::before,html body .topbar::after,html body .header-dock-v24,html body .header-dock-v24::before,html body .header-dock-v24::after,html body .top-actions-v18,html body .topbar .account-pill,html body .topbar .wallet-pill,html body .topbar .top-btn,html body .topbar .header-inner,html body .header-dock-v24 .top-actions-v18,html body .header-dock-v24 [class*="action"],html body .header-dock-v24 [class*="dock"],html body .header-dock-v24 button{background:#27537d!important;background-image:none!important;box-shadow:none!important;border-color:rgba(178,218,250,.08)!important;color:#eaf6ff!important}
html body .topbar,html body .topbar.topbar-v5{border-bottom:1px solid rgba(170,211,245,.14)!important}
html body .sidebar,html body .sidebar .brand,html body .sidebar nav,html body .sidebar-foot,html body .nav-games-panel-v156{background:#1c476d!important;background-image:none!important;box-shadow:none!important}
html body .sidebar button:hover,html body .topbar button:hover{background:#366990!important}
/* A cohesive blue canvas for sections, not black framed squares. */
html body #page-upgrader,html body #page-cases,html body #page-shop{background:transparent!important}
html body #page-upgrader.v302-upgrader .v302-head,html body #page-upgrader.v302-upgrader .v302-stage,html body #page-upgrader.v302-upgrader .v302-control-area,html body #page-upgrader.v302-upgrader .v302-toolbar,html body #page-upgrader.v302-upgrader .v302-extra,html body #page-upgrader.v302-upgrader .upgrade-toolbar,html body #page-upgrader.v302-upgrader #presetBar,html body #page-upgrader.v302-upgrader .tools,html body #page-upgrader.v302-upgrader .v302-panels,html body #page-upgrader.v302-upgrader .v302-panels .panel,html body #page-upgrader.v302-upgrader .v302-panels .panel-head,html body #page-upgrader.v302-upgrader .v302-panels .catalog-toolbar{background:#285780!important;background-image:none!important;box-shadow:none!important;border-color:transparent!important}
html body #page-upgrader.v302-upgrader .v302-stage{background:#235077!important;gap:18px!important;border-radius:20px!important}
html body #page-upgrader.v302-upgrader .v302-slot{background:#32628a!important;background-image:none!important;border:0!important;border-radius:18px!important;box-shadow:none!important;outline:0!important}
html body #page-upgrader.v302-upgrader #fromSlot,html body #page-upgrader.v302-upgrader #toSlot{background:#356990!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:13px!important}
html body #page-upgrader.v302-upgrader #fromSlot .slot-empty,html body #page-upgrader.v302-upgrader #toSlot .slot-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:175px!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body #page-upgrader.v302-upgrader .v310-empty-icon{display:block!important;width:130px!important;height:94px!important;object-fit:contain!important;opacity:.84!important;filter:drop-shadow(0 9px 16px rgba(25,66,97,.20))!important;pointer-events:none!important}
html body #page-upgrader.v302-upgrader #toSlot .v310-empty-icon{width:172px!important;height:106px!important}
html body #page-upgrader.v302-upgrader .slot-q-v64{display:none!important}
html body #page-upgrader.v302-upgrader .slot-empty-copy{color:#c5dff1!important;font-size:11px!important}
html body #page-upgrader.v302-upgrader .v302-scroll-pick,html body #page-upgrader.v302-upgrader .slot button:not(.slot-clear),html body #page-upgrader.v302-upgrader .v302-toolbar input,html body #page-upgrader.v302-upgrader .v302-extra input,html body #page-upgrader.v302-upgrader #presetBar .preset,html body #page-upgrader.v302-upgrader .v302-extra button,html body #page-upgrader.v302-upgrader #upgradeCashBox,html body #page-upgrader.v302-upgrader .cash-stake-v75,html body #page-upgrader.v302-upgrader #catalogGrid,html body #page-upgrader.v302-upgrader #inventoryGrid{background:#34658e!important;background-image:none!important;border:0!important;box-shadow:none!important;color:#eff8ff!important}
html body #page-upgrader.v302-upgrader .v302-control-area>*,html body #page-upgrader.v302-upgrader .v302-extra>*,html body #page-upgrader.v302-upgrader .v302-toolbar>*,html body #page-upgrader.v302-upgrader .tools{background:#285780!important;border:0!important;border-radius:11px!important;box-shadow:none!important}
html body #page-upgrader.v302-upgrader #presetBar .preset:hover,html body #page-upgrader.v302-upgrader #presetBar .preset.active{background:#4b81aa!important}
html body #page-upgrader.v302-upgrader .v302-section-heading{background:transparent!important;border:0!important;box-shadow:none!important}
html body #page-upgrader.v302-upgrader .v302-panels .panel-head{background:#32638b!important}
/* Shop cards: premium readable blue, transparent art, no boxed price. */
html body #catalogGrid .car,html body #page-shop .shop-item,html body #page-shop .car,html body .v302-panels .quality-card-v190{background:#31618b!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:14px!important}
html body #catalogGrid .car-img,html body #page-shop .car-img,html body #catalogGrid .car-img img,html body #page-shop .car-img img{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important}
html body #catalogGrid .car-price,html body #page-shop .car-price,html body #page-shop .shop-price{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;padding:0!important;border-radius:0!important;color:#c1fbe7!important;font:800 14px/1.5 ui-monospace,monospace!important}
html body .v310-price-note{font-size:12px;color:#c5e2f4;background:rgba(106,171,219,.14);border:0;border-radius:10px;padding:10px 14px;margin:12px 0}
/* Case art unframed and semitransparent. Keep images large and visible. */
html body #caseCatalogHomeV215,html body #page-cases .case-catalog-v214,html body #page-cases .case-catalog-head-v214{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important}
html body #caseCatalogHomeV215 .case-preview-v214{background:rgba(77,136,177,.27)!important;background-image:none!important;border:0!important;border-radius:18px!important;box-shadow:none!important;outline:0!important;backdrop-filter:blur(4px)}
html body #caseCatalogHomeV215 .case-preview-v214:hover{background:rgba(91,151,190,.41)!important;transform:translateY(-2px)!important;box-shadow:none!important}
html body #caseCatalogHomeV215 .case-preview-v214:before,html body #caseCatalogHomeV215 .case-preview-v214:after,html body #caseCatalogHomeV215 .case-preview-art-v214:before,html body #caseCatalogHomeV215 .case-preview-art-v214:after{display:none!important;content:none!important}
html body #caseCatalogHomeV215 .case-preview-art-v214,html body #caseCatalogHomeV215 .case-preview-bottom-v214,html body #caseCatalogHomeV215 .case-preview-top-v214{background:transparent!important;box-shadow:none!important;border:0!important}
html body #caseCatalogHomeV215 .case-preview-art-v214 img{visibility:visible!important;opacity:1!important;object-fit:contain!important;filter:drop-shadow(0 16px 16px rgba(23,61,90,.24))!important}
html body #caseCatalogHomeV215 .case-preview-bottom-v214 strong{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:#b5f8e4!important;font:800 15px ui-monospace,monospace!important}
html body #caseCatalogHomeV215 .case-catalog-head-v214 em{background:rgba(114,181,225,.15)!important;border:0!important}
html body .v305-auth-progress{background:#2e6189!important;color:#e5f5ff!important;border:0!important}
html body #gtaup-v310-status{position:fixed;right:18px;bottom:18px;max-width:380px;z-index:10001;background:#244f78;border:1px solid rgba(181,223,255,.22);box-shadow:0 15px 36px rgba(11,39,69,.18);border-radius:12px;padding:13px 16px;color:#ebf8ff;font:12px/1.5 system-ui;display:none}
html body #gtaup-v310-status:not([hidden]){display:block}
html body #gtaup-v310-status button{background:transparent;border:0;color:#b8e3ff;margin-left:12px;cursor:pointer}
@media(max-width:850px){html body #page-upgrader.v302-upgrader .v302-stage{gap:12px!important}html body #caseCatalogHomeV215 .case-preview-v214{backdrop-filter:none!important}}
html body #page-upgrader.v302-upgrader #fromSlot .slot-empty::before,html body #page-upgrader.v302-upgrader #toSlot .slot-empty::before{content:none!important;display:none!important}