/* /assets/perf-v366/style.css */
/* GTAUP V366: small, reversible browser optimizations. */
#v365Grid > .v364-item-card,
#page-upgrader #inventoryGrid > *,
#page-upgrader #catalogGrid > *,
#page-cases .case-catalog-grid-v214 > *,
#page-cases .case-items-grid-v188 > *{
  content-visibility:auto;
  contain-intrinsic-size:auto 300px;
}
#v365NavDays{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9px}
#v365Days{font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:720px){#v365NavDays{font-size:8px;letter-spacing:-.3px}}

/* /assets/roulette-v367/style.css */
/* GTAUP V367 · scoped charcoal / copper / red-black-green roulette */
#page-roulette{--cr-panel:#191622;--cr-panel2:#251d2c;--cr-line:rgba(255,209,158,.15);--cr-copy:#ded5e5;--cr-muted:#a89ba9;--cr-copper:#f0ae77;--cr-red:#cb3d52;--cr-black:#24242e;--cr-green:#179c78;color:#fff3ee;padding-bottom:32px}
#page-roulette *{box-sizing:border-box}
#page-roulette button{cursor:pointer;font-family:inherit}
#page-roulette .cr-shell{max-width:1660px;margin:0 auto}
#page-roulette .cr-eyebrow{font:800 10px/1.3 'JetBrains Mono',monospace;letter-spacing:2px;color:var(--cr-copper)}
#page-roulette .cr-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px;flex-wrap:wrap}
#page-roulette .cr-heading h1{font-size:clamp(28px,3vw,46px);line-height:1.05;margin:9px 0 8px;letter-spacing:-1px;color:#fff5ed;font-weight:900}
#page-roulette .cr-heading p{margin:0;color:var(--cr-muted);font-size:13px;line-height:1.6}
#page-roulette .cr-live{display:flex;gap:9px;align-items:center;border:1px solid rgba(255,188,117,.25);background:#30232e;padding:12px 15px;border-radius:13px;font:800 11px 'JetBrains Mono',monospace;color:#f9d2a5}
#page-roulette .cr-dot{background:#3bc6a0;width:7px;height:7px;box-shadow:0 0 10px #3bc6a088;border-radius:100%}
#page-roulette .cr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:18px;align-items:start}
#page-roulette .cr-card{position:relative;border:1px solid var(--cr-line);border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(107,70,101,.15),transparent 60%),linear-gradient(150deg,#211a29,#171622);box-shadow:0 18px 44px #0003;overflow:hidden}
#page-roulette .cr-main{min-height:675px;padding:20px 20px 18px}
#page-roulette .cr-topline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--cr-line)}
#page-roulette .cr-topline b{font-size:12px;color:#ffe3be;letter-spacing:.5px}
#page-roulette .cr-roundtag{font:700 10px 'JetBrains Mono',monospace;color:#b5a6ba}
#page-roulette .cr-stage{position:relative;padding:27px 0 10px;display:grid;justify-items:center;min-height:460px}
#page-roulette .cr-wheel-bg{position:relative;width:min(100%,440px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#14141d 48%,#161922 54%,#ad7849 59%,#362536 62%,#15151d 65%);box-shadow:0 30px 60px #0009,inset 0 0 0 2px #c99155,inset 0 0 0 7px #282027,inset 0 0 0 12px rgba(255,196,119,.3)}
#page-roulette .cr-wheel-rotor{position:absolute;inset:5.4%;border-radius:50%;will-change:transform;filter:drop-shadow(0 12px 22px #0009);transform:rotate(0deg)}
#page-roulette .cr-wheel-rotor svg{width:100%;height:100%;display:block}
#page-roulette .cr-wheel-glass{position:absolute;inset:32%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#4b343e,#211821 60%,#15111a 78%);box-shadow:0 0 0 2px #b98856,0 0 0 8px #221a22,0 0 0 11px #dfae6a,inset 0 0 25px #000a;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:8px}
#page-roulette .cr-wheel-glass small{font:800 8px 'JetBrains Mono',monospace;letter-spacing:2px;color:#d3a978}
#page-roulette .cr-wheel-glass strong{font-size:22px;line-height:1.15;max-width:90%;color:#fff1d9}
#page-roulette .cr-wheel-glass span{font:900 10px 'JetBrains Mono',monospace;color:#e0bb90}
#page-roulette .cr-ball-ring{position:absolute;inset:2%;border-radius:50%;pointer-events:none;will-change:transform}
#page-roulette .cr-ball{position:absolute;left:50%;top:2.8%;width:16px;height:16px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 25% 25%,white,#fff3cc 25%,#bb936b 68%,#55412c);box-shadow:0 0 0 2px #3a2822,0 0 12px #fff7,0 4px 6px #000b}
#page-roulette .cr-pointer{position:absolute;z-index:5;top:-13px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:31px solid #ffe1aa;filter:drop-shadow(0 0 2px #2c161a) drop-shadow(0 3px 6px #000c)}
#page-roulette .cr-result-pill{position:relative;z-index:5;margin:-5px 0 0;padding:11px 16px;background:#28202d;border:1px solid var(--cr-line);border-radius:99px;color:#dcc8bb;font-size:12px;font-weight:800;min-width:230px;text-align:center}
#page-roulette .cr-result-pill[data-color=red]{background:#511e2e;color:#ffc4cc;border-color:#a64b62}
#page-roulette .cr-result-pill[data-color=black]{background:#292a33;color:#f2edf8;border-color:#5d5c6c}
#page-roulette .cr-result-pill[data-color=green]{background:#163b35;color:#b8f9d7;border-color:#328a70}
#page-roulette .cr-bet-section{padding-top:16px;border-top:1px solid var(--cr-line)}
#page-roulette .cr-label{font:800 11px 'JetBrains Mono',monospace;letter-spacing:1px;color:#d0b6b0;margin-bottom:12px}
#page-roulette .cr-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
#page-roulette .cr-choice{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 17px;border:1px solid #fff2;border-radius:14px;color:#fff;font-size:14px;font-weight:900;background:#222;border-bottom-width:3px;min-height:64px;transition:transform .16s,filter .16s,box-shadow .16s}
#page-roulette .cr-choice span{display:flex;align-items:center;gap:8px}
#page-roulette .cr-choice i{width:12px;height:12px;display:block;border-radius:100%;border:1px solid #fff8}
#page-roulette .cr-choice em{font:900 12px 'JetBrains Mono',monospace;font-style:normal;opacity:.9}
#page-roulette .cr-choice.red{background:linear-gradient(130deg,#8b3040,#c34858);border-color:#d35e73}
#page-roulette .cr-choice.black{background:linear-gradient(130deg,#272731,#42414e);border-color:#676476}
#page-roulette .cr-choice.green{background:linear-gradient(130deg,#09674f,#179477);border-color:#33a98b}
#page-roulette .cr-choice.red i{background:#ef7382}
#page-roulette .cr-choice.black i{background:#13121a}
#page-roulette .cr-choice.green i{background:#32d5a3}
#page-roulette .cr-choice.selected{box-shadow:0 0 0 2px #f8d2a6,0 13px 24px #0007;transform:translateY(-2px)}
#page-roulette .cr-bet-bottom{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
#page-roulette .cr-amount-group{flex:1 1 240px}
#page-roulette .cr-amount-group label{display:block;color:#cbbacc;font-size:11px;margin-bottom:6px}
#page-roulette .cr-amount-field{display:flex;gap:6px;align-items:center;padding:6px 12px;border-radius:12px;border:1px solid #5a4654;background:#16151e}
#page-roulette .cr-amount-field span{color:#ffc899;font:900 18px 'JetBrains Mono',monospace}
#page-roulette .cr-amount-field input{min-width:0;flex:1;background:none;color:#fff;border:0;font:900 17px 'JetBrains Mono',monospace;outline:0;height:35px}
#page-roulette .cr-chips{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}
#page-roulette .cr-chip{border:1px solid #654653;background:#322631;color:#f5d5ba;padding:7px 9px;border-radius:8px;font:700 10px 'JetBrains Mono',monospace}
#page-roulette .cr-submit{flex:1 1 210px;border:0;border-radius:13px;padding:16px 13px;color:#29171a;background:linear-gradient(120deg,#f7c18c,#d98759);font:900 13px 'Inter',sans-serif;box-shadow:0 12px 23px #a25d302b;min-height:54px}
#page-roulette .cr-submit:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
#page-roulette .cr-notice{font-size:11px;color:#cfbca9;line-height:1.5;margin:12px 0 0;min-height:19px}
#page-roulette .cr-notice.bad{color:#f1a6aa}
#page-roulette .cr-side{display:grid;gap:16px}
#page-roulette .cr-side-box{padding:18px;min-height:120px}
#page-roulette .cr-side-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}
#page-roulette .cr-side-head h3{margin:0;font-size:17px;letter-spacing:-.2px;color:#fff0e1}
#page-roulette .cr-side-head small{font:700 11px 'JetBrains Mono',monospace;color:#a89aa9}
#page-roulette .cr-statline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#page-roulette .cr-stat{padding:12px 8px;text-align:center;background:#2b2230;border-radius:12px;border:1px solid #fbc38b13}
#page-roulette .cr-stat b{display:block;font:900 16px 'JetBrains Mono',monospace;color:#fff1e4}
#page-roulette .cr-stat small{display:block;color:#bcaeb9;font-size:10px;margin-top:4px}
#page-roulette .cr-players{display:grid;gap:8px;max-height:350px;overflow:auto;padding-right:2px}
#page-roulette .cr-player{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.025);padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:12px}
#page-roulette .cr-avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#473044;font-weight:900;color:#fff1dc;flex:none}
#page-roulette .cr-player-name{flex:1;min-width:0}
#page-roulette .cr-player-name b{display:block;font-size:11px;color:#f5e5df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-roulette .cr-player-name small{display:flex;align-items:center;gap:6px;font-size:10px;color:#b7a9b4;margin-top:3px}
#page-roulette .cr-bet-color{width:9px;height:9px;border-radius:50%;background:#cd4255;display:inline-block}
#page-roulette .cr-bet-color.black{background:#60606d}
#page-roulette .cr-bet-color.green{background:#24b38e}
#page-roulette .cr-player strong{font:800 10px 'JetBrains Mono',monospace;color:#ffcb98;white-space:nowrap}
#page-roulette .cr-no-players{padding:23px 13px;text-align:center;color:#a89aaa;font-size:12px;line-height:1.5}
#page-roulette .cr-history{display:flex;gap:7px;flex-wrap:wrap}
#page-roulette .cr-history-pill{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font:900 12px 'JetBrains Mono',monospace;color:#fff;border:1px solid #fff2}
#page-roulette .cr-history-pill.red{background:#a33348}
#page-roulette .cr-history-pill.black{background:#30303c}
#page-roulette .cr-history-pill.green{background:#0d7c62}
#page-roulette .cr-fair{font:700 10px/1.6 'JetBrains Mono',monospace;overflow-wrap:anywhere;color:#ad9eaa}
#page-roulette .cr-nav-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:11px;background:conic-gradient(from 0deg,#af364c 0 45%,#20212d 45% 91%,#1e9275 91%);box-shadow:inset 0 0 0 3px #30212b,0 5px 14px #0003;font:900 25px 'Inter',sans-serif;color:#e9c798}
@media(max-width:1100px){#page-roulette .cr-grid{grid-template-columns:minmax(0,1fr)}#page-roulette .cr-main{min-height:0}#page-roulette .cr-side{grid-template-columns:1fr 1fr}#page-roulette .cr-side .cr-side-box:last-child{grid-column:1/-1}}
@media(max-width:660px){#page-roulette{padding:8px 4px 110px}#page-roulette .cr-heading{margin-bottom:12px}#page-roulette .cr-heading h1{font-size:27px}#page-roulette .cr-heading p{font-size:11px}#page-roulette .cr-main{padding:13px}#page-roulette .cr-stage{min-height:0;padding:26px 0 16px}#page-roulette .cr-wheel-bg{width:min(100%,340px)}#page-roulette .cr-wheel-glass strong{font-size:16px}#page-roulette .cr-wheel-glass small{font-size:7px}#page-roulette .cr-choices{gap:5px}#page-roulette .cr-choice{min-height:61px;padding:10px 7px;flex-direction:column;align-items:center;font-size:10px}#page-roulette .cr-choice em{font-size:10px}#page-roulette .cr-result-pill{font-size:11px}#page-roulette .cr-side{grid-template-columns:1fr}#page-roulette .cr-side .cr-side-box:last-child{grid-column:auto}#page-roulette .cr-bet-bottom{flex-direction:column;align-items:stretch}#page-roulette .cr-amount-group,#page-roulette .cr-submit{flex:auto}#page-roulette .cr-live{font-size:9px;padding:9px 10px} }
@media(prefers-reduced-motion:reduce){#page-roulette .cr-choice{transition:none!important}}

/* /assets/v368/ui.css */
/* GTAUP V368 — lightweight, reversible navigation design; no changes to game logic. */
:root {--v368-bg:#0b1020;--v368-panel:#141b2e;--v368-ink:#f3f4fa;--v368-muted:#9ca8bd;--v368-line:rgba(178,193,224,.13);--v368-violet:#8a6aff;--v368-mint:#88e8d1}
body.v368-ui .sidebar{background:#0d1323!important;border-right:1px solid #262c43!important;box-shadow:none!important}
body.v368-ui .sidebar .brand{background:#0c1222!important;border-bottom:1px solid #252c41!important}
@media(min-width:761px){body.v368-ui .app{grid-template-columns:230px minmax(0,1fr)!important}}
body.v368-ui .sidebar .nav{scrollbar-width:thin;scrollbar-color:#353e59 transparent}
body.v368-ui .sidebar .nav-label{color:#718096!important;letter-spacing:1.5px!important}
body.v368-ui .sidebar .nav-btn:not(.v368-home-nav){border-radius:11px!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;color:#b9c5d9!important;transition:background .17s ease,color .17s ease,border-color .17s ease!important}
body.v368-ui .sidebar .nav-btn:hover,body.v368-ui .sidebar .nav-btn.active,body.v368-ui .sidebar .v368-home-nav:hover,body.v368-ui .sidebar .v368-home-nav.active{background:#20263b!important;color:#fff!important;border-color:rgba(142,123,252,.35)!important;box-shadow:none!important}
body.v368-ui .sidebar .nav-btn .nav-arrow{color:#72819b!important}
body.v368-ui .sidebar .nav-btn .nav-title{color:#e1e7f3!important}
body.v368-ui .sidebar .nav-btn .nav-sub{color:#8794ad!important}
body.v368-ui .sidebar .nav-ic{background:#171c31!important;border:1px solid rgba(158,170,210,.13)!important;border-radius:10px!important;box-shadow:none!important}
body.v368-ui .sidebar .nav-ic img{filter:none!important}
body.v368-ui .sidebar .nav-games-toggle-v156{background:#131a2c!important;color:#bac7dd!important;border:1px solid #2a3046!important;border-radius:11px!important}
body.v368-ui .sidebar .nav-games-inner-v156,body.v368-ui .sidebar .nav-games-panel-v156{background:transparent!important}
body.v368-ui .topbar{background:#0d1324!important;border-bottom:1px solid #2a3048!important;box-shadow:none!important}
body.v368-ui .main{background:#0b1020!important}
body.v368-ui #v318TopTabs .v318-tab{color:#a7b4ca!important;background:transparent!important;border-radius:9px!important}
body.v368-ui #v318TopTabs .v318-tab.active,body.v368-ui #v318TopTabs .v318-tab:hover{color:white!important;background:#242a43!important}
body.v368-ui .v368-home-nav{display:flex;width:calc(100% - 12px);margin:8px 6px!important;border:1px solid rgba(132,113,255,.29)!important;border-radius:12px!important;color:#e9e7ff!important;background:rgba(109,84,211,.12)!important;cursor:pointer;padding:10px 12px!important;text-align:left;align-items:center;gap:12px;transition:background .16s ease}
body.v368-ui .v368-home-nav .v368-home-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#34305a;color:#d9ceff;flex:none}
body.v368-ui .v368-home-nav .v368-home-label{font-weight:800;font-size:12px;letter-spacing:.1px}
body.v368-ui .v368-home-nav .v368-home-desc{display:block;font-size:10px;font-weight:500;color:#9ea8c5;margin-top:3px}
#page-home-v368{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--v368-ink);min-height:calc(100vh - 100px);padding:15px 0 48px;background:#0b1020}
#page-home-v368 *{box-sizing:border-box}
#page-home-v368 button{font:inherit;cursor:pointer}
#page-home-v368 .v368-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:4px 0 20px}
#page-home-v368 .v368-eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#9a8eff;font-weight:850}
#page-home-v368 .v368-top h1{font-size:clamp(22px,2.3vw,29px);line-height:1.2;letter-spacing:-1px;margin:5px 0 0}
#page-home-v368 .v368-chip{display:inline-flex;gap:7px;align-items:center;background:#161d31;color:#c1cbdf;font-size:11px;font-weight:750;padding:9px 12px;border:1px solid #2a324c;border-radius:11px}
#page-home-v368 .v368-chip i{width:7px;height:7px;border-radius:50%;background:#80dbbf}
#page-home-v368 .v368-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;min-height:260px;background:radial-gradient(ellipse at 82% 23%,rgba(104,60,204,.45),transparent 55%),linear-gradient(115deg,#1b1238,#21143f 55%,#171c3c);border:1px solid rgba(154,118,251,.24);border-radius:22px;box-shadow:0 16px 40px rgba(4,7,17,.24)}
#page-home-v368 .v368-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(9,13,29,.05),rgba(13,18,35,.12)),url('/logo/aaac85e9-7827-4881-ba39-53399c2e7e44.gtaup-opt-v335.webp?v=55');background-size:cover;background-position:center;opacity:.18;z-index:-1}
#page-home-v368 .v368-hero-copy{padding:32px 28px 30px 36px;position:relative;z-index:2}
#page-home-v368 .v368-pill{display:inline-flex;border:1px solid rgba(225,200,255,.18);background:rgba(192,171,255,.08);padding:7px 10px;border-radius:8px;color:#ded2fb;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
#page-home-v368 .v368-hero h2{font-size:clamp(26px,3.5vw,45px);line-height:1.08;letter-spacing:-1.7px;max-width:570px;margin:19px 0 12px;color:#fff}
#page-home-v368 .v368-hero h2 span{color:#e1bfff}
#page-home-v368 .v368-hero p{margin:0;color:#b6bfd6;line-height:1.6;max-width:500px;font-size:13px}
#page-home-v368 .v368-hero-cta{display:flex;gap:10px;align-items:center;margin-top:24px;flex-wrap:wrap}
#page-home-v368 .v368-main-action{padding:13px 19px;background:#9bf0e3;border:1px solid #b6faec;border-radius:11px;color:#102833;font-size:12px;font-weight:900;box-shadow:0 9px 25px rgba(108,245,218,.12);transition:transform .2s ease,filter .2s ease}
#page-home-v368 .v368-main-action:hover{transform:translateY(-2px);filter:brightness(1.06)}
#page-home-v368 .v368-secondary-action{padding:13px 16px;border:1px solid #494366;border-radius:11px;background:#282141;color:#e4dbfa;font-size:12px;font-weight:800}
#page-home-v368 .v368-hero-art{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
#page-home-v368 .v368-hero-art:before{content:'';position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#865ed77d,transparent 67%);filter:blur(16px)}
#page-home-v368 .v368-hero-art img{width:min(96%,405px);max-height:290px;object-fit:contain;position:relative;filter:drop-shadow(0 26px 24px #06071188);transform:rotate(-5deg);transition:transform .55s ease}
#page-home-v368 .v368-hero:hover .v368-hero-art img{transform:translateY(-8px) rotate(-2deg) scale(1.035)}
#page-home-v368 .v368-metrics{display:flex;gap:28px;flex-wrap:wrap;padding:18px 20px;margin:16px 0 23px;border-radius:14px;background:#141b2c;border:1px solid var(--v368-line)}
#page-home-v368 .v368-metric{display:flex;gap:5px;flex-direction:column}
#page-home-v368 .v368-metric strong{font-size:13px;color:#e8eafb}
#page-home-v368 .v368-metric span{font-size:10px;color:#8091ad}
#page-home-v368 .v368-section-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:15px}
#page-home-v368 .v368-section-head h3{margin:0;font-size:18px;letter-spacing:-.5px}
#page-home-v368 .v368-section-head span{color:#8593ad;font-size:12px}
#page-home-v368 .v368-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
#page-home-v368 .v368-card{position:relative;isolation:isolate;overflow:hidden;text-align:left;height:185px;border-radius:17px;border:1px solid #2b344d;background:#151f33;color:#fff;padding:18px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .2s ease,transform .22s ease,box-shadow .22s ease}
#page-home-v368 .v368-card:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 10%,var(--card-tint,#7552c455),transparent 68%),linear-gradient(165deg,#101828f0,#131c31ed);z-index:-2}
#page-home-v368 .v368-card:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 22%,#10182a 99%);pointer-events:none;z-index:-1}
#page-home-v368 .v368-card:hover{transform:translateY(-4px);border-color:#786ba9;box-shadow:0 16px 24px #04091366}
#page-home-v368 .v368-card-img{position:absolute;width:210px;height:190px;object-fit:contain;object-position:right center;right:-36px;top:2px;opacity:.67;transform:rotate(-8deg) scale(.92);filter:drop-shadow(0 15px 20px #0005);transition:transform .35s ease,opacity .35s ease;z-index:-1}
#page-home-v368 .v368-card:hover .v368-card-img{transform:rotate(-2deg) scale(1.03) translate(-7px,-5px);opacity:.95}
#page-home-v368 .v368-card h4{margin:0;font-size:18px;letter-spacing:-.4px;text-shadow:0 1px 10px #080a1999}
#page-home-v368 .v368-card em{color:#d8baff;font-size:9px;font-weight:800;font-style:normal;letter-spacing:1px;text-transform:uppercase}
#page-home-v368 .v368-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:1}
#page-home-v368 .v368-card-bottom span{color:#c3cada;font-size:11px}
#page-home-v368 .v368-card-bottom i{font-size:18px;font-style:normal;color:#a9f3dd}
#page-home-v368 .v368-card[data-v368-target='roulette']{--card-tint:#ba485d77}
#page-home-v368 .v368-card[data-v368-target='cases']{--card-tint:#8e52ed88}
#page-home-v368 .v368-card[data-v368-target='upgrader']{--card-tint:#a354df88}
#page-home-v368 .v368-card[data-v368-target='crash']{--card-tint:#248e6a77}
#page-home-v368 .v368-card[data-v368-target='mines']{--card-tint:#3b718d77}
#page-home-v368 .v368-card[data-v368-target='blackjack']{--card-tint:#b18b4b77}
#page-home-v368 .v368-card[data-v368-target='contracts']{--card-tint:#93685a77}
#page-home-v368 .v368-card[data-v368-target='bonuses']{--card-tint:#4a7dd477}
#page-home-v368 .v368-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;color:#7f91ad;font-size:11px}
#page-home-v368 .v368-bottom button{border:1px solid #323d56;border-radius:9px;background:#161f34;color:#c2cee3;padding:9px 12px}
#admin-settings .v368-admin-tools{border:1px solid #46405c;border-radius:16px;padding:18px;margin-bottom:20px;background:#19172b;color:#eee6ff;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}
#admin-settings .v368-admin-tools strong{display:block;font-size:15px}
#admin-settings .v368-admin-tools small{display:block;color:#aab4c9;margin-top:5px;font-size:11px}
#admin-settings .v368-admin-tools button{border:1px solid #8d79b4;background:#393052;color:#faf7ff;border-radius:10px;padding:12px 16px;cursor:pointer;font-size:12px;font-weight:800}
#page-home-v368 .v368-muted{display:flex;align-items:center;gap:6px;color:#9ba8c6;font-size:10px}
#page-home-v368 .v368-muted input{accent-color:#856dde}
@media(max-width:1200px){#page-home-v368 .v368-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:880px){#page-home-v368 .v368-hero{grid-template-columns:1fr 0.65fr}#page-home-v368 .v368-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#page-home-v368 .v368-hero-copy{padding:25px}#page-home-v368 .v368-hero-art img{width:150%}}
@media(max-width:600px){#page-home-v368{padding:10px 0 65px}#page-home-v368 .v368-top{margin:4px 0 13px}#page-home-v368 .v368-top h1{font-size:24px}#page-home-v368 .v368-top .v368-chip{display:none}#page-home-v368 .v368-hero{display:block;min-height:245px}#page-home-v368 .v368-hero-copy{padding:22px;position:relative;z-index:2}#page-home-v368 .v368-hero h2{font-size:30px;max-width:260px}#page-home-v368 .v368-hero p{max-width:260px;font-size:11px}#page-home-v368 .v368-hero-art{position:absolute;inset:30px -75px 0 45%;opacity:.52;pointer-events:none}#page-home-v368 .v368-hero-art img{width:100%;max-height:230px}#page-home-v368 .v368-metrics{gap:18px;padding:14px;margin:11px 0 20px}#page-home-v368 .v368-card{height:153px;padding:12px}#page-home-v368 .v368-card h4{font-size:15px}#page-home-v368 .v368-card-img{width:150px;height:150px;right:-38px}#page-home-v368 .v368-card-bottom span{font-size:10px}#page-home-v368 .v368-grid{gap:8px}#page-home-v368 .v368-section-head h3{font-size:16px}#page-home-v368 .v368-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#page-home-v368 .v368-card,#page-home-v368 .v368-card-img,#page-home-v368 .v368-hero-art img,#page-home-v368 .v368-main-action{transition:none!important}#page-home-v368 .v368-card:hover{transform:none!important}#page-home-v368 .v368-hero:hover .v368-hero-art img{transform:none!important}}

/* /assets/v369/ui.css */
/* GTAUP V369 · reference-inspired mode mosaic, optimized for GTA RP imagery */
body.v368-ui #page-home-v368 { background: #101627 !important; padding: 4px 8px 60px !important; color:#f6f5ff }
body.v368-ui #page-home-v368::before { display:none !important }
#page-home-v368 .v369-home, #page-home-v368 .v369-home * { box-sizing:border-box; }
#page-home-v368 .v369-home { width:min(100%,1420px);margin:0 auto; font-family:Inter,system-ui,sans-serif; }
.v369-section-title {display:flex;align-items:end;justify-content:space-between;gap:16px;padding:10px 0 18px;}
.v369-section-title>div>span {font:800 10px/1.2 'JetBrains Mono',monospace;letter-spacing:2px;color:#b9a5ef;}
.v369-section-title h1 {font-size:24px;font-weight:850;letter-spacing:-.9px;margin:6px 0 0;color:#fff}
.v369-home-badge {border:1px solid #354058;border-radius:9px;padding:8px 12px;color:#c9d0e4;background:#182136;font-size:11px;font-weight:750;}
#page-home-v368 button{font-family:inherit;}
.v369-hero {width:100%;height:322px;overflow:hidden;border-radius:20px;position:relative;background:#17162b;border:1px solid #343047;isolation:isolate;}
.v369-hero-image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;transform:scale(1.005);transition:transform .7s ease;z-index:-2}
.v369-hero:hover .v369-hero-image {transform:scale(1.035)}
.v369-hero::before {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,29,.96) 0%,rgba(15,10,31,.92) 32%,rgba(19,14,35,.36) 65%,transparent 100%);z-index:-1}
.v369-hero-content {padding:37px 34px 20px;max-width:590px;}
.v369-hero-label {display:inline-flex;letter-spacing:1.35px;font:800 10px 'JetBrains Mono',monospace;background:#332450;border:1px solid #69518a;color:#dbbaff;border-radius:8px;padding:7px 10px}
.v369-hero h2 {font-size:clamp(26px,3.2vw,46px);letter-spacing:-1.5px;line-height:1.04;font-weight:900;margin:20px 0 14px;color:#fff;}
.v369-hero h2 em{font-style:normal;color:#d6aafa}
.v369-hero p{font-size:13px;line-height:1.55;max-width:400px;color:#bac0d4;margin:0}
.v369-hero-buttons {margin-top:24px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.v369-primary,.v369-secondary {border:0;border-radius:11px;padding:13px 19px;cursor:pointer;font-weight:850;font-size:12px;line-height:1.15;transition:transform .2s ease,filter .2s ease;background:#252442;color:#f0eafa}
.v369-primary{background:linear-gradient(110deg,#c09af3,#8c63db);color:#1c1236;box-shadow:0 6px 25px #6c3bc73d}
.v369-primary span{margin-left:12px;font-size:16px}
.v369-secondary{border:1px solid #5a4b78;background:#29213f;color:#f5eaff}
.v369-primary:not(:disabled):hover,.v369-secondary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.v369-main-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:26px 0 16px;}
.v369-main-head h3{font-size:20px;font-weight:900;margin:0;letter-spacing:-.5px}
.v369-main-head span{font-size:11px;color:#8c9ab9}
.v369-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:192px;gap:12px;}
.v369-mode {display:flex;position:relative;text-align:left;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;border:1px solid #292b40;border-radius:15px;padding:17px;color:#fff;background:#101727;transition:transform .25s ease,border-color .2s ease,box-shadow .25s ease;cursor:pointer;min-width:0;}
.v369-mode.v369-large{grid-column:span 2;grid-row:span 1;height:auto;}
.v369-mode.v369-wide{grid-column:span 2;grid-row:span 1;}
.v369-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.012);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s ease;z-index:-2;}
.v369-mode .v369-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,23,.92),rgba(8,10,22,.38) 45%,rgba(5,8,16,.36));z-index:-1;pointer-events:none;transition:background .2s ease}
.v369-mode .v369-tile-copy{position:relative;z-index:1;display:flex;flex-direction:column;max-width:95%;gap:5px}
.v369-mode .v369-tile-meta{display:block;letter-spacing:1px;font:800 9px 'JetBrains Mono',monospace;color:#e6cbff;opacity:.86;text-transform:uppercase;}
.v369-mode .v369-tile-copy strong{font-size:25px;font-weight:900;letter-spacing:-.7px;line-height:1.1;text-shadow:0 3px 15px #000d}
.v369-mode:not(.v369-large):not(.v369-wide) .v369-tile-copy strong{font-size:22px}
.v369-mode .v369-tile-copy small{font-size:10px;font-weight:650;color:#d7d9e6;opacity:.95;text-shadow:0 2px 10px #000;line-height:1.3;}
.v369-mode-status{position:absolute;top:13px;right:13px;z-index:2;border-radius:7px;padding:6px 8px;background:rgba(10,15,29,.63);border:1px solid #ffffff3d;backdrop-filter:blur(5px);color:#eae7ff;font:800 9px 'JetBrains Mono',monospace;}
.v369-mode:not(.v369-disabled):hover {transform:translateY(-3px);border-color:#977ac8;box-shadow:0 13px 30px #01020a80}
.v369-mode:not(.v369-disabled):hover .v369-art{transform:scale(1.085)}
.v369-mode.v369-disabled {cursor:not-allowed;border-color:#353443;}
.v369-mode.v369-disabled .v369-art{filter:grayscale(.88) brightness(.36)}
.v369-mode.v369-disabled .v369-shade{background:linear-gradient(0deg,#0b1223ed,#0b1325c9)}
.v369-mode.v369-disabled .v369-mode-status{color:#f2c1bf;background:#401c27d9;border-color:#7e4751}
.v369-free-tile{margin-top:17px;padding:18px 22px;display:flex;gap:16px;justify-content:space-between;align-items:center;background:linear-gradient(100deg,#1b1830,#242039);border:1px solid #443759;border-radius:13px;}
.v369-free-tile>div>span{font:800 10px 'JetBrains Mono',monospace;letter-spacing:1.2px;color:#d7b1ff}
.v369-free-tile h3{margin:6px 0 5px;font-size:18px;color:#fff;font-weight:900}
.v369-free-tile p{color:#bec1d7;margin:0;font-size:11px;line-height:1.5;}
.v369-free-tile button{border:1px solid #9373bc;background:#8d66d4;color:#fff;border-radius:10px;font-size:11px;font-weight:850;padding:13px 16px;cursor:pointer;white-space:nowrap}
.v369-free-tile button:hover{filter:brightness(1.1)}
.v369-gift-icon{display:grid;width:42px;height:42px;place-items:center;background:linear-gradient(140deg,#3a2548,#2b1d42);border-radius:9px;font-size:24px}
/* free case */
#page-freecase-v369{background:#121626;color:#f6f2ff;font-family:Inter,system-ui,sans-serif;padding:18px 10px 60px}
#page-freecase-v369 *,#page-freecase-v369 *::before,#page-freecase-v369 *::after{box-sizing:border-box}
#page-freecase-v369 .v369-free-page{max-width:1380px;margin:auto}
.v369-back{border:1px solid #4a435c;background:#201c31;color:#e5d8f9;border-radius:9px;padding:10px 14px;cursor:pointer;font-weight:800;font-size:11px;margin:0 0 15px}
.v369-free-cover{min-height:350px;display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;border:1px solid #3e3258;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#47266870,transparent 66%),linear-gradient(110deg,#1b152b,#211b36);align-items:center}
.v369-free-copy{padding:36px 36px 34px}
.v369-free-copy>span{color:#cfadfa;font:800 10px 'JetBrains Mono',monospace;letter-spacing:1.4px}
.v369-free-copy h1{font-size:clamp(25px,3vw,42px);letter-spacing:-1.2px;margin:12px 0 12px}
.v369-free-copy p{color:#c2bdd2;font-size:13px;max-width:470px;line-height:1.65;margin:0 0 15px}
.v369-free-visual{max-width:100%;max-height:325px;object-fit:contain;justify-self:center;border-radius:16px}
.v369-free-stats{display:flex;flex-direction:column;gap:2px;margin:12px 0 10px}
.v369-free-stats b{font-size:26px;color:#ebd5ff}.v369-free-stats small{font-size:11px;color:#aea6ba}
.v369-next{font:750 11px 'JetBrains Mono',monospace;color:#d4c0e5;margin:10px 0}
.v369-open[disabled]{opacity:.5;cursor:default;transform:none!important}
.v369-free-notice{min-height:18px;color:#d9bfee!important;margin:12px 0 0!important}
.v369-spinner-box{position:relative;overflow:hidden;margin:15px 0 20px;border:1px solid #3d3155;background:#111a2d;border-radius:17px;height:164px}
.v369-spin-track{height:100%;display:flex;gap:0;align-items:center;width:max-content;will-change:transform}
.v369-spin-item{flex:0 0 140px;width:140px;height:146px;border:1px solid #383654;background:linear-gradient(170deg,#28213e,#131728);margin:0;padding:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:12px}
.v369-spin-item img{max-width:100%;height:104px;object-fit:contain}.v369-spin-item small{color:#dbd7e4;text-align:center;font-size:9px;font-weight:800}
.v369-spin-pointer{position:absolute;top:0;bottom:0;left:calc(50% - 2px);width:4px;background:#cba0ff;box-shadow:0 0 18px #8e4de8;pointer-events:none}
.v369-win{display:flex;gap:10px;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(110deg,#24203b,#35234e);border-radius:17px;border:1px solid #78599b;padding:22px;margin-bottom:16px}
.v369-win[hidden]{display:none}.v369-win>div{font-size:12px;color:#dab4ff}.v369-win img{height:155px;width:200px;object-fit:contain}.v369-win strong{font-size:19px}.v369-win span{font-size:11px;color:#c9bfda}
.v369-free-pool-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 12px}
.v369-free-pool-head h2{font-size:20px;margin:0}.v369-free-pool-head small{color:#9da4bc;font-size:11px}
.v369-prizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.v369-prize{border:1px solid #323b55;background:linear-gradient(155deg,#22213b,#151c2d);border-radius:13px;padding:11px;display:flex;flex-direction:column;gap:5px}
.v369-prize-image{height:130px;display:grid;place-items:center;background:#172137;border-radius:9px}.v369-prize-image img{height:120px;width:100%;object-fit:contain}
.v369-prize b{font-size:12px;min-height:27px}.v369-prize span{font-size:11px;color:#c7b9da}.v369-prize small{font:900 12px 'JetBrains Mono',monospace;color:#e0b1ff}
@media(max-width:1100px){.v369-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v369-mode.v369-large{grid-column:span 1}}
@media(max-width:700px){.v369-hero{height:280px}.v369-hero-content{padding:28px 20px}.v369-hero-image{object-position:65% center}.v369-hero::before{background:linear-gradient(90deg,#101025ef,#111126e0 56%,#11112655)}.v369-mode-grid{grid-auto-rows:170px;gap:9px}.v369-mode{padding:12px}.v369-mode .v369-tile-copy strong{font-size:19px!important}.v369-mode.v369-wide{grid-column:span 1}.v369-mode .v369-tile-meta{font-size:8px}.v369-mode .v369-tile-copy small{font-size:9px}.v369-free-tile{flex-wrap:wrap}.v369-free-cover{grid-template-columns:1fr}.v369-free-visual{max-height:220px}.v369-free-copy{padding:25px}.v369-free-pool-head{align-items:start;flex-direction:column}.v369-section-title h1{font-size:21px}.v369-home-badge{display:none}}
@media(max-width:420px){.v369-mode-grid{grid-auto-rows:145px}.v369-mode .v369-tile-meta{display:none}.v369-mode .v369-tile-copy strong{font-size:17px!important}.v369-mode .v369-tile-copy small{max-width:100%;font-size:8px}.v369-mode-status{top:8px;right:8px;font-size:7px;padding:5px}.v369-hero h2{font-size:28px}.v369-hero p{max-width:250px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.v369-art,.v369-mode,.v369-hero-image{transition:none!important;transform:none!important}}

/* /assets/v370/ui.css */
/* GTAUP V370 — cohesive, quieter GTA-RP homepage. Existing art has baked-in text. */
body.v368-ui #page-home-v368{background:#111424!important;padding:8px 15px 62px!important}
#page-home-v368 .v370-home{max-width:1420px;color:#f5f2fa}
.v370-home .v369-section-title{padding:12px 0 15px;align-items:center}
.v370-home .v369-section-title>div>span{font-size:9px;letter-spacing:1.5px;color:#ab9fc9}
.v370-home .v369-section-title h1{font-size:21px;font-weight:850;margin-top:6px}
.v370-home .v369-home-badge{font-size:10px;background:transparent;border-color:#343044;color:#aaa3c2}
.v370-home .v369-hero{height:auto;aspect-ratio:2.7/1;max-height:410px;min-height:210px;border:1px solid #3f344f;border-radius:15px;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.24)}
.v370-home .v369-hero::before{display:none!important}
.v370-home .v369-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:none!important;z-index:0}
.v370-home .v369-hero:hover .v369-hero-image{transform:scale(1.013)!important}
.v370-home .v370-hero-open{position:absolute;inset:0;width:100%;height:100%;z-index:5;background:transparent;border:0;cursor:pointer;border-radius:15px}
.v370-home .v370-hero-open:focus-visible{outline:3px solid #f3b362;outline-offset:-5px}
.v370-home .v369-main-head{padding:25px 0 13px}
.v370-home .v369-main-head h3,.v370-disabled-heading h3{font-weight:850;color:#faf6ff;font-size:18px;letter-spacing:-.3px;margin:0}
.v370-home .v369-main-head span,.v370-disabled-heading span{font-size:11px;color:#a09bb2}
.v370-home .v369-mode-grid,.v370-home .v370-disabled-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;grid-auto-rows:185px;gap:12px}
.v370-home .v369-mode{min-height:0;height:auto!important;padding:0;border-radius:13px;border:1px solid #292d3d;background:#171827;box-shadow:none;isolation:isolate;overflow:hidden}
.v370-home .v369-mode.v369-large{grid-column:span 2}
.v370-home .v369-mode.v369-wide{grid-column:span 2}
.v370-home .v369-art{z-index:0;transform:none;object-position:center center}
.v370-home .v369-mode:hover .v369-art{transform:scale(1.035)}
.v370-home .v369-mode .v369-shade{background:linear-gradient(180deg,rgba(9,10,19,.18),transparent 40%,rgba(9,10,19,.1))!important;z-index:1;pointer-events:none}
/* V369 art includes full titles; never render a second text layer on it. */
.v370-home .v369-tile-copy{display:none!important}
.v370-home .v369-mode-status{top:auto;right:11px;bottom:11px;z-index:4;box-shadow:0 2px 12px #0006;border:1px solid #ffffff50;background:#171626ac;color:#fff;font-size:9px;padding:7px 9px;border-radius:7px;letter-spacing:.2px}
.v370-home .v369-mode:not(.v369-disabled):hover{transform:translateY(-2px);border-color:#8e719f;box-shadow:0 12px 26px #0005}
.v370-home .v369-mode.v369-disabled{cursor:not-allowed;border-color:#3b3440}
.v370-home .v369-mode.v369-disabled .v369-art{filter:grayscale(.6) brightness(.65)!important}
.v370-home .v369-mode.v369-disabled .v369-shade{background:#17142142!important}
.v370-home .v369-mode.v369-disabled .v369-mode-status{background:#3f2832;color:#ffd1d1;border:1px solid #885161}
.v370-home .v370-disabled-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 12px}
.v370-home .v370-disabled-grid{grid-auto-rows:142px}
.v370-home .v370-disabled-grid .v369-mode{grid-column:span 1!important}
.v370-disabled-heading[hidden],.v370-disabled-grid[hidden]{display:none!important}
#page-roulette{--cr-panel:#121521;--cr-panel2:#171a25;--cr-line:#3a3446;--cr-copy:#dce1eb;--cr-muted:#a7aabd;--cr-copper:#f2c38c;color:#f6f2ef}
#page-roulette .cr-shell{max-width:1540px}
#page-roulette .cr-heading{margin-bottom:15px}
#page-roulette .cr-heading h1{font-size:clamp(29px,2.5vw,38px);letter-spacing:-.7px}
#page-roulette .cr-heading p{max-width:620px;color:#aaa9ba}
#page-roulette .cr-grid{grid-template-columns:minmax(0,1fr) minmax(300px,350px);gap:13px}
#page-roulette .cr-card{background:#191a27;border:1px solid #333446;border-radius:15px;box-shadow:0 15px 35px rgba(0,0,0,.18)}
#page-roulette .cr-main{padding:19px;min-height:auto}
#page-roulette .cr-stage{min-height:390px;padding:15px 0 10px}
#page-roulette .cr-wheel-bg{width:min(100%,385px);box-shadow:0 15px 35px #0007,inset 0 0 0 2px #cc9963,inset 0 0 0 7px #292126}
#page-roulette .cr-topline{border-bottom:1px solid #343546}
#page-roulette .cr-topline b{font-size:12px;color:#f8c991}
#page-roulette .cr-bet-section{border-top:1px solid #343546}
#page-roulette .cr-choices{gap:9px}
#page-roulette .cr-choice{border-radius:10px;min-height:57px;padding:12px 14px}
#page-roulette .cr-choice.selected{box-shadow:0 0 0 2px #f3d5ad,0 6px 15px #0004}
#page-roulette .cr-submit{background:linear-gradient(120deg,#ebba85,#cc8e59);color:#201920;box-shadow:none;border-radius:10px}
#page-roulette .cr-result-pill{background:#20212f;border-color:#4c4050}
#page-roulette .cr-players{max-height:400px}
#page-roulette .cr-player{border-radius:9px}
#page-roulette .cr-stat{border-radius:9px;background:#242432}
#page-roulette .cr-side-box{padding:17px}
#page-roulette .v370-roulette-health{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:700 11px/1.4 'Inter',system-ui,sans-serif;color:#a4d7c8}
#page-roulette .v370-health-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#55d4ae}
#page-roulette .v370-roulette-health button{margin-left:auto;background:#2b2937;color:#f7e9dd;border:1px solid #4a4252;border-radius:9px;padding:7px 10px;cursor:pointer;font-size:11px;font-weight:750}
#page-roulette .v370-health-warning{color:#ffc6a8}
#page-roulette .v370-health-warning .v370-health-dot{background:#ffab66}
@media(max-width:1050px){#page-roulette .cr-grid{grid-template-columns:1fr}.v370-home .v369-mode-grid,.v370-home .v370-disabled-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:165px}}
@media(max-width:650px){body.v368-ui #page-home-v368{padding:5px 8px 65px!important}.v370-home .v369-hero{aspect-ratio:1.85/1;min-height:165px}.v370-home .v369-main-head{margin-top:3px}.v370-home .v369-mode-grid,.v370-home .v370-disabled-grid{grid-auto-rows:130px;gap:8px}.v370-home .v369-mode.v369-large,.v370-home .v369-mode.v369-wide{grid-column:span 1}.v370-home .v369-mode-status{font-size:7px;right:5px;bottom:5px;padding:4px 6px}.v370-home .v370-disabled-heading{align-items:flex-start;flex-direction:column;gap:4px}.v370-home .v370-disabled-grid{grid-auto-rows:105px}#page-roulette .cr-stage{min-height:0}#page-roulette .cr-wheel-bg{width:min(100%,320px)}}
@media(prefers-reduced-motion:reduce){.v370-home .v369-hero-image,.v370-home .v369-art,.v370-home .v369-mode{transition:none!important;transform:none!important}}

/* /assets/v371/home.css */
/* GTAUP V446: unified blue palette, component-native recolour. Preserves geometry. */
/* GTAUP V371: quiet charcoal/bronze premium system. No text baked into images. */
body.v368-ui.v371-theme #page-home-v368{background:#10141b!important;padding:0 17px 66px!important;min-height:100vh}
body.v371-theme #page-home-v368 .v371-home{max-width:1490px;margin:auto;color:#f4f0ea;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.v371-home *, .v371-home *::before,.v371-home *::after{box-sizing:border-box}
.v371-home button{font-family:inherit}
.v371-top{display:flex;align-items:flex-end;justify-content:space-between;padding:32px 1px 21px;gap:15px}
.v371-eyebrow{font-size:10px;letter-spacing:1.75px;color:#81a5c3;font-weight:800;line-height:1.4}
.v371-eyebrow span{opacity:.5;margin:0 5px}
.v371-top h1{margin:6px 0 0;color:#f5f1e9;font-size:clamp(26px,2.4vw,36px);font-weight:810;line-height:1.1;letter-spacing:-1.3px}
.v371-live-chip{display:inline-flex;align-items:center;gap:9px;color:#bbb6ae;font-size:11px;border:1px solid #35343a;border-radius:30px;padding:9px 12px;background:#171920}
.v371-live-chip i{display:inline-block;width:6px;height:6px;background:#70af90;border-radius:50%;box-shadow:0 0 0 3px #70af9015}
.v371-home .v371-hero{position:relative;display:block;text-align:left;width:100%;height:clamp(238px,27vw,350px);border-radius:16px!important;border:1px solid #2a3139!important;background:#14171b;overflow:hidden;isolation:isolate;padding:0;cursor:pointer;transition:border-color .2s ease, box-shadow .2s ease;box-shadow:0 18px 44px #0003}
.v371-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;transform:scale(1);transition:transform .8s cubic-bezier(.2,.65,.25,1);pointer-events:none}
.v371-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#11141bf5 0%,#14131fd8 30%,#15141d70 58%,#15131a18 100%);pointer-events:none}
.v371-home .v371-hero:hover{border-color:#668198!important;box-shadow:0 23px 50px #0006}
.v371-home .v371-hero:hover .v371-hero-image{transform:scale(1.026)}
.v371-home .v371-hero:focus-visible,.v371-home .v371-game:focus-visible{outline:2px solid #89acc9;outline-offset:3px}
.v371-hero-copy{position:absolute;z-index:2;left:clamp(20px,3vw,46px);top:50%;transform:translateY(-50%);width:min(515px,63%);display:flex;align-items:flex-start;flex-direction:column}
.v371-hero-copy>strong{display:block;font-size:clamp(25px,3.1vw,47px);font-weight:810;line-height:1.04;letter-spacing:-1.75px;color:#fffaf3;margin:17px 0 10px;max-width:550px}
.v371-hero-copy>small{display:block;font-size:clamp(12px,.92vw,14px);line-height:1.6;color:#bcb4ad;font-weight:500;max-width:420px}
.v371-cta{display:inline-flex;gap:26px;align-items:center;margin-top:24px;background:#8badc9;color:#1a1515;padding:13px 15px;border-radius:8px;font-size:12px;font-weight:850;transition:background .2s ease, transform .2s ease}
.v371-hero:hover .v371-cta{background:#9ec4e3;transform:translateY(-1px)}
.v371-cta span{font-size:17px;line-height:12px}
.v371-hero-number{position:absolute;bottom:17px;right:20px;font-size:9px;font-weight:800;letter-spacing:2px;color:#e7d7c7aa}
.v371-group-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:31px 0 15px}
.v371-group-head h2{font-size:clamp(19px,1.6vw,23px);line-height:1.18;letter-spacing:-.5px;margin:4px 0 0;color:#f4eee7;font-weight:820}
.v371-group-head>small{color:#8f9199;font-size:11px}
.v371-featured-grid,.v371-regular-grid,.v371-wide-grid,.v371-offline-grid{display:grid;gap:13px;grid-auto-flow:row dense}
.v371-featured-grid,.v371-wide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.v371-regular-grid,.v371-offline-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.v371-featured-grid{margin-bottom:13px}.v371-wide-grid{margin-top:13px}.v371-regular-grid:empty,.v371-featured-grid:empty,.v371-wide-grid:empty{display:none}
.v371-home .v371-game{position:relative;display:block;min-width:0;width:100%;text-align:left;height:176px!important;min-height:0!important;border:1px solid #2b323a!important;border-radius:13px!important;overflow:hidden;padding:0!important;background:#171a22!important;box-shadow:none!important;isolation:isolate;cursor:pointer;transition:border-color .22s ease, transform .22s ease,box-shadow .22s ease}
.v371-home .v371-featured{height:221px!important}.v371-home .v371-wide{height:122px!important}
.v371-card-img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1);transition:transform .5s cubic-bezier(.2,.65,.25,1),filter .25s}
.v371-card-veil{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#10141bf2 0%,#10141bd9 28%,#10141b68 62%,#10141b1e 100%);pointer-events:none}
.v371-card-content{position:absolute;z-index:2;left:20px;right:16px;top:18px;display:flex;align-items:flex-start;flex-direction:column;gap:5px;pointer-events:none}
.v371-card-kicker{font-size:8px;font-weight:850;letter-spacing:1.45px;color:#80a0ba;line-height:1.2}
.v371-card-content strong{font-size:clamp(19px,1.55vw,23px);line-height:1.05;font-weight:850;letter-spacing:-.55px;color:#f7f2ec}
.v371-card-content small{font-size:11px;color:#bbb4b0;line-height:1.45;font-weight:540;max-width:235px}
.v371-featured .v371-card-content{top:24px;left:27px;gap:8px}.v371-featured .v371-card-content strong{font-size:clamp(23px,2vw,30px)}
.v371-featured .v371-card-content small{font-size:12px}
.v371-wide .v371-card-content{top:24px;left:23px}
.v371-home .v371-game:not(.v371-inactive):hover{border-color:#678196!important;transform:translateY(-2px);box-shadow:0 16px 28px #0006!important}
.v371-game:not(.v371-inactive):hover .v371-card-img{transform:scale(1.038)}
.v371-home .v371-card-status{position:absolute;z-index:3;bottom:13px;right:14px;top:auto!important;color:#a5c5df!important;font-size:11px!important;font-weight:800;opacity:0;transition:opacity .2s;line-height:1;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;letter-spacing:0}
.v371-home .v371-game:hover .v371-card-status{opacity:1}
.v371-home .v371-game.v371-inactive,.v371-home .v371-game.v371-inactive:hover{border-color:#2f3037!important;cursor:not-allowed;transform:none!important}
.v371-home .v371-inactive .v371-card-img{filter:grayscale(.7) brightness(.56)!important;transform:none!important}
.v371-home .v371-inactive .v371-card-veil{background:linear-gradient(90deg,#14161bf9,#14161be1 38%,#14161b7d)}
.v371-home .v371-inactive .v371-card-content strong{color:#b3b3b8}
.v371-home .v371-inactive .v371-card-status{opacity:1!important;font-size:10px!important;color:#b6ada6!important;letter-spacing:.2px}
.v371-home .v371-inactive:focus-visible{outline:none}
.v371-offline-block{margin-top:30px;padding-top:4px;border-top:1px solid #282b33}
.v371-offline-block[hidden],.v371-featured-grid[hidden],.v371-regular-grid[hidden],.v371-wide-grid[hidden]{display:none!important}
.v371-offline-grid .v371-game{height:125px!important}
.v371-home-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:27px;padding:16px 0;border-top:1px solid #2d3037;color:#81838c;font-size:10px}
/* New roulette wheel graphic, within the existing left-hand navigation icon slot. */
body.v371-theme .sidebar .v371-roulette-sidebar .nav-ic{position:relative;background:#1b1f24!important;border:1px solid #37404a;border-radius:10px;overflow:hidden}
body.v371-theme .sidebar .v371-roulette-sidebar .nav-ic>*{opacity:0!important}
body.v371-theme .sidebar .v371-roulette-sidebar .nav-ic::after{content:"";position:absolute;inset:2px;background:url('/assets/v371/roulette-icon.webp') center/contain no-repeat;z-index:5;pointer-events:none}
.v371-admin-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0;padding:16px;border:1px solid #3d4a54;border-radius:12px;background:#1d2227}
.v371-admin-toggle strong,.v371-admin-toggle small{display:block}.v371-admin-toggle strong{color:#f5eadc;font-weight:850}.v371-admin-toggle small{font-size:11px;color:#c1b6af;margin-top:5px;line-height:1.5;max-width:600px}
.v371-admin-toggle button{padding:10px 14px;border:1px solid #7e9bb3;color:#bde1ff;background:#2a333a;border-radius:8px;font-weight:800;cursor:pointer}
@media (max-width:1060px){.v371-regular-grid,.v371-offline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v371-home .v371-game{height:190px!important}.v371-home .v371-wide{height:130px!important}}
@media (max-width:700px){body.v368-ui.v371-theme #page-home-v368{padding:0 12px 42px!important}.v371-top{padding:21px 0 14px}.v371-live-chip{font-size:10px;padding:7px 9px}.v371-home .v371-hero{height:270px!important}.v371-hero-image{object-position:64% center;opacity:.84}.v371-hero-overlay{background:linear-gradient(90deg,#12141beb,#12141bcf 55%,#14151c82)}.v371-hero-copy{width:82%;left:19px}.v371-hero-copy>strong{font-size:27px;letter-spacing:-1.1px}.v371-hero-copy>small{font-size:12px;line-height:1.4}.v371-cta{margin-top:14px;font-size:11px;padding:11px}.v371-group-head{margin-top:22px}.v371-group-head>small{display:none}.v371-featured-grid,.v371-wide-grid{grid-template-columns:1fr}.v371-regular-grid,.v371-offline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v371-featured-grid{margin-bottom:9px}.v371-wide-grid{margin-top:9px}.v371-home .v371-featured{height:190px!important}.v371-home .v371-game{height:142px!important}.v371-home .v371-wide{height:136px!important}.v371-card-content{top:15px;left:13px;right:9px;gap:5px}.v371-featured .v371-card-content{top:19px;left:18px}.v371-card-content strong{font-size:18px!important}.v371-featured .v371-card-content strong{font-size:25px!important}.v371-card-content small{font-size:10px;max-width:160px}.v371-home .v371-card-status{font-size:9px!important;right:10px;bottom:8px}.v371-admin-toggle{flex-direction:column;align-items:stretch}.v371-home-footer{font-size:9px}}
@media (max-width:410px){.v371-regular-grid,.v371-offline-grid{grid-template-columns:1fr}.v371-home .v371-game{height:136px!important}.v371-home .v371-featured{height:190px!important}.v371-hero-copy>strong{font-size:25px}}
@media (prefers-reduced-motion:reduce){.v371-home *, .v371-home *::before,.v371-home *::after{transition:none!important;animation:none!important}}
/* Keep the content box inside the mobile viewport even if older themes set width:100%. */
body.v368-ui.v371-theme #page-home-v368{box-sizing:border-box!important;min-width:0!important}

/* /assets/v372/nav.css */
/* GTAUP V372 | Focused navbar corrections. Loaded after V371. */
/* Keep free daily case on the homepage, remove ONLY its sidebar shortcut. */
html body .sidebar .nav #v369FreeNav,
html body .sidebar #v369FreeNav {
  display:none !important;
}

/* Roulette uses the same full-size 48px image slot as other GTAUP modes. */
html body .sidebar .nav [data-page-target="roulette"] .nav-ic,
html body.v371-theme .sidebar .nav [data-page-target="roulette"].v371-roulette-sidebar .nav-ic {
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  padding:0!important;
  flex:0 0 48px!important;
  overflow:visible!important;
  background:transparent url('/assets/v372/roulette-icon.webp?v=372') center center/48px 48px no-repeat!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
/* Old V371 pseudo-icon is the reason the image looks microscopic. */
html body .sidebar .nav [data-page-target="roulette"] .nav-ic::after,
html body.v371-theme .sidebar .nav [data-page-target="roulette"].v371-roulette-sidebar .nav-ic::after {
  content:none!important;
  display:none!important;
}
html body .sidebar .nav [data-page-target="roulette"] .nav-ic > :not(img.v372-roulette-img) {
  display:none!important;
}
html body .sidebar .nav [data-page-target="roulette"] .nav-ic img.v372-roulette-img,
html body.v371-theme .sidebar .nav [data-page-target="roulette"].v371-roulette-sidebar .nav-ic img.v372-roulette-img {
  position:relative!important;
  z-index:2!important;
  display:block!important;
  box-sizing:border-box!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
@media(max-width:700px){
 html body .sidebar .nav [data-page-target="roulette"] .nav-ic{width:48px!important;height:48px!important}
}