/* GTAUP V305: ONE coherent Los Santos midnight-cobalt theme.
   This file is appended LAST, after inline old-mode styles and all previous themes.
   Purely visual: never changes odds, prices, state, transactions or outcomes. */
html,html[data-theme="dark"],html[data-theme="light"],:root{
 --bg:#102847!important;--surface:#18385d!important;--surface2:#204369!important;
 --surface3:#274f79!important;--line:#3b6389!important;--line2:#507aa2!important;
 --text:#edf7ff!important;--muted:#b4cee7!important;--muted2:#8fb4d6!important;
 --accent:#65adfa!important;--accent2:#458fe5!important;--accentSoft:#c6e8ff!important;
 --blue:#80c7ff!important;--green:#4bdab7!important;--gold:#e9cc8c!important;
 color-scheme:dark!important;
}
html,body{background:#102847!important;color:#edf7ff!important;}
body{background:radial-gradient(ellipse 950px 550px at 47% -110px,rgba(72,135,199,.29),transparent 75%),linear-gradient(120deg,#122d50,#102847 75%)!important}
/* The original masthead and sidebar are dark black in legacy styles: correct ALL three layers. */
html body .topbar,html body .topbar-v5,html body .header-dock-v24,
html body .site-header,html body .top-header-v24,html body .header-inner,html body header.topbar,
html body .topbar-utility-shell,html body .topbar-actions{
 background:linear-gradient(102deg,rgba(25,58,95,.98),rgba(19,48,82,.97))!important;
 border-color:#416d94!important;box-shadow:0 7px 25px rgba(9,41,84,.15)!important;
}
html body .sidebar,html body .sidebar-v22,html body .site-sidebar,
html body .sidebar-compact-v24,html body .sidebar .brand,html body nav.nav,
html body .sidebar-foot{background:linear-gradient(180deg,#193a60,#153354)!important;border-color:#41688b!important;}
html body .sidebar .nav-games-v156,html body .sidebar .nav-games-panel-v156,
html body .sidebar .nav-section,html body .nav-section{
 background:rgba(29,65,103,.72)!important;border-color:rgba(103,156,202,.33)!important;
}
html body .account-pill,html body .wallet-pill,html body .top-btn,html body .header-dock-v24 button,
html body .top-utility-v18 button,html body .nav-btn,html body .user-pill{
 background:linear-gradient(135deg,#244b74,#1b3b63)!important;border-color:rgba(110,168,217,.35)!important;color:#e8f6ff!important;
}
html body .wallet-pill .wallet-coin{background:linear-gradient(145deg,#568ad8,#315e9f)!important}
html body .top-btn:hover,html body .nav-btn:hover{background:#285982!important}
html body .nav-btn.active{background:linear-gradient(110deg,#306a9e,#244b7c)!important;border-color:#78baf0!important}
html body .app,html body .main,html body .content,
html body #page-upgrader,html body #page-shop,html body #page-cases,
html body #page-crash,html body #page-mines,html body #page-blackjack,
html body #page-contracts{background:transparent!important;background-image:none!important}
html body .page{color:#f0f8ff!important}
/* Midnight-blue components: no inherited black fills, and avoid huge flat slabs. */
html body .panel,html body .box,html body .card,html body .info-card,
html body .game-card,html body .profile-card,html body .profile-pane,
html body .profile-modal,html body .profile-sheet-v83,
html body .shop-item,html body .shop-card,html body .shop-toolbar,
html body .catalog-tools,html body .shop-grid,html body .car,
html body .contract-panel,html body .contract-card,html body .contract-slot,
html body .crash-panel,html body .crash-board,html body .mines-panel,
html body .mine-wrapper,html body .blackjack-panel,html body .blackjack-room,
html body .bj-table-v5,html body .bj-container,html body .clan-layout,
html body .bank-layout,html body .bank-panel,html body .support-app-v83,
html body .support-card,html body .admin-wrapper,html body .admin-panel,
html body .admin-box,html body .modal,html body .dialog,
html body .modal-content,html body .modal-panel{
 background:linear-gradient(147deg,rgba(35,77,121,.93),rgba(24,56,92,.95))!important;
 border-color:rgba(109,159,206,.4)!important;color:#edf7ff!important;
}
html body .panel-head,html body .livebox-head,html body .profile-tabs,
html body .admin-tabs,html body .support-tabs,html body .shop-toolbar{
 background:rgba(37,81,124,.81)!important;border-color:rgba(109,159,206,.38)!important;
}
html body input,html body textarea,html body select,html body option,
html body .search-input,html body .sort,html body .input,html body .search-box{
 background:rgba(25,59,99,.9)!important;border-color:#557fa8!important;color:#f3f9ff!important;
}
html body input::placeholder,html body textarea::placeholder{color:#b3cce4!important}
/* Upgrader: a balanced 3-column stage and consistent light navy controls. */
html body #page-upgrader.v302-upgrader .v302-head{
 background:linear-gradient(120deg,rgba(43,89,135,.9),rgba(26,57,94,.94))!important;
 border:1px solid rgba(128,181,227,.36)!important;border-radius:18px!important;
}
html body #page-upgrader.v302-upgrader .v302-stage{
 background:radial-gradient(circle at 50% 33%,rgba(75,151,217,.24),transparent 44%),linear-gradient(145deg,#20456e,#173659)!important;
 border:1px solid #4e7fa9!important;border-radius:19px!important;overflow:visible!important;
}
html body #page-upgrader.v302-upgrader .v302-stage>.v302-slot{
 background:linear-gradient(145deg,rgba(41,82,126,.94),rgba(31,68,110,.9))!important;
 border:1px solid rgba(106,165,217,.45)!important;border-top:2px solid #75bbf3!important;border-radius:15px!important;
}
html body #page-upgrader.v302-upgrader #fromSlot,
html body #page-upgrader.v302-upgrader #toSlot{
 background:radial-gradient(ellipse at 50% 30%,rgba(74,142,206,.17),transparent 62%),rgba(24,55,91,.7)!important;
 border:1px dashed rgba(126,182,225,.4)!important;border-radius:12px!important;
}
html body #page-upgrader.v302-upgrader .v302-wheel-card{background:transparent!important;border:none!important;}
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 #upgradeCashBox,
html body #page-upgrader.v302-upgrader .v302-panels,
html body #page-upgrader.v302-upgrader .v302-panels .panel,
html body #page-upgrader.v302-upgrader #presetBar{
 background:linear-gradient(135deg,rgba(40,82,127,.94),rgba(28,64,105,.93))!important;
 border-color:#5684ac!important;color:#ebf8ff!important;
}
html body #page-upgrader.v302-upgrader .upgrade-toolbar-note,
html body #page-upgrader.v302-upgrader .v302-section-heading{
 background:transparent!important;color:#bcdaf4!important;
}
html body #page-upgrader.v302-upgrader .v302-toolbar input,
html body #page-upgrader.v302-upgrader .v302-extra input,
html body #page-upgrader.v302-upgrader .v302-extra button,
html body #page-upgrader.v302-upgrader .v302-toolbar button,
html body #page-upgrader.v302-upgrader button.preset,
html body #page-upgrader.v302-upgrader .cash-reset-v75{
 background:#254f7d!important;border-color:#5a8cb7!important;color:#eaf5ff!important;
}
html body #page-upgrader.v302-upgrader .v302-toolbar button:hover,
html body #page-upgrader.v302-upgrader button.preset.active{
 background:#3976ab!important;border-color:#9ad7ff!important;color:white!important;
}
html body #page-upgrader.v302-upgrader #upgradeBtn{
 background:linear-gradient(115deg,#3f94de,#67b7f4)!important;border:1px solid rgba(163,218,255,.7)!important;color:#fff!important;
 border-radius:12px!important;
}
/* Restore the user's V288 pistol artwork on the empty target slot, without replacing real items. */
#page-upgrader.v302-upgrader #toSlot .slot-empty{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px!important}
#page-upgrader.v302-upgrader #toSlot .slot-empty .slot-q-v64{display:none!important}
#page-upgrader.v302-upgrader #toSlot .slot-empty::before{
 content:"";display:block;flex:none;width:154px;height:92px;
 background:url('/assets/v305/pistol.svg') center/contain no-repeat!important;
 filter:drop-shadow(0 11px 19px rgba(4,25,62,.33));opacity:.92;
}
#page-upgrader.v302-upgrader #catalogGrid .car,
#page-shop .shop-grid .shop-item,#page-shop .shop-grid .car{
 background:linear-gradient(145deg,rgba(43,85,128,.91),rgba(28,64,103,.93))!important;
 border:1px solid rgba(118,176,226,.42)!important;border-radius:15px!important;
}
#page-upgrader.v302-upgrader #catalogGrid .car-img,
#page-shop .shop-grid .car-img{background:rgba(26,56,91,.47)!important;border-color:rgba(114,165,203,.2)!important}
#page-upgrader.v302-upgrader #catalogGrid .car-img img,
#page-shop .shop-grid .car-img img{object-fit:contain!important;background:transparent!important}
/* Case graphics are ALPHA PNG/WEBP. The cards may be translucent; NEVER force a dark plate behind the render. */
html body #caseCatalogHomeV215 .case-preview-v214{
 background:linear-gradient(150deg,rgba(39,79,121,.57),rgba(23,57,96,.43))!important;
 border:1px solid rgba(151,199,240,.31)!important;border-top:1px solid rgba(188,223,251,.44)!important;
 border-radius:19px!important;box-shadow:0 12px 27px rgba(12,42,84,.16)!important;
 backdrop-filter:blur(10px)!important;overflow:hidden!important;
}
html body #caseCatalogHomeV215 .case-preview-v214:hover{
 background:linear-gradient(140deg,rgba(52,97,143,.68),rgba(34,72,116,.53))!important;
 border-color:rgba(167,213,246,.58)!important;transform:translateY(-3px);
}
html body #caseCatalogHomeV215 .case-preview-art-v214,
html body #caseCatalogHomeV215 .case-preview-art-v214:before,
html body #caseCatalogHomeV215 .case-preview-art-v214:after,
html body #caseCatalogHomeV215 .case-preview-art-v214 img{
 background:transparent!important;background-color:transparent!important;
 box-shadow:none!important;border:0!important;
}
html body #caseCatalogHomeV215 .case-preview-art-v214 img{
 object-fit:contain!important;filter:drop-shadow(0 15px 23px rgba(9,36,73,.23))!important;
}
html body #caseCatalogHomeV215 .case-preview-bottom-v214 strong{
 background:rgba(30,78,122,.70)!important;color:#dcf5ff!important;border:1px solid rgba(137,193,238,.48)!important;
}
html body #caseCatalogHomeV215 .case-preview-top-v214,
html body #caseCatalogHomeV215 .case-preview-bottom-v214{background:transparent!important}
/* Profile is identity-aware. No claim of a loaded account balance if RTDB didn't answer. */
html body .profile-modal-v31,html body .profile-side-v31,html body .profile-main-v31,
html body .profile-pane,html body .profile-stats,html body .profile-person-v31{
 background:linear-gradient(145deg,#244b75,#1b3c64)!important;
 border-color:rgba(112,172,220,.45)!important;
}
html body .profile-nav-v31,html body .profile-wallet-v31,html body .profile-summary-v31,
html body .profile-card-v31,html body .stat{background:rgba(36,81,124,.8)!important;border-color:rgba(117,176,222,.34)!important}
.v305-auth-progress{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 15px 5px;
 font-size:11px;line-height:1.45;color:#cde7ff;border:1px solid rgba(119,180,225,.39);border-radius:11px;
 background:linear-gradient(100deg,#25527e,#1c416a);padding:10px 14px}
.v305-auth-progress b{color:#f1fbff}.v305-auth-progress button{margin-left:auto;padding:7px 11px;background:#397db8;color:#fff;border:1px solid #a3d7fa;border-radius:8px;cursor:pointer}
.v305-auth-progress[data-state="ready"]{border-color:#58b7bb}.v305-auth-progress[data-state="error"]{border-color:#e9a49d}
.v304-auth-status{display:none!important} /* replace misleading 'connected' badge with profile state */
/* Gentle matching casing around user supplied new gallery */
html body .v304-new-art,html body .v302-art-gallery{
 background:linear-gradient(140deg,rgba(39,79,124,.93),rgba(29,65,106,.94))!important;border-color:rgba(122,184,228,.4)!important;
}
html body .v304-art-card,html body .v302-media-tile{
 background:linear-gradient(145deg,#2b567f,#20476f)!important;border-color:rgba(121,179,224,.36)!important;
}
html body .v304-art-media{background:rgba(32,72,109,.35)!important}
@media(max-width:900px){html body #page-upgrader.v302-upgrader .v302-stage{overflow:hidden!important}.v305-auth-progress{margin:6px 9px}}
@media(max-width:600px){
 html body .topbar{background:linear-gradient(135deg,#214a73,#17395f)!important}
 html body #caseCatalogHomeV215 .case-preview-v214{backdrop-filter:none!important}
 #page-upgrader.v302-upgrader #toSlot .slot-empty::before{width:125px;height:75px}
 html body .v305-auth-progress{font-size:10px}
}