/* Gold and grey reference lobby. The existing brand asset and application APIs are retained. */
:root{--c-dark-bg:#0b0c0f;--c-dark-surface:#121418;--c-dark-card:#16181d;--c-slate-border:#22252c;--c-cream:#d9b26a;--c-cream-dark:#cfa257;--c-silver:#f2efe8;--c-silver-muted:#9a9da6}
body{background:#0b0c0f!important;color:#f2efe8!important}
button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #e2be78;outline-offset:4px}
header.top-header{margin-left:240px;width:calc(100% - 240px);height:76px;min-height:76px;padding:10px 40px;display:flex;gap:18px;background:#0e1013!important;border-color:#1c1f25!important}
.header-left{flex-shrink:0}.brand-logo-img{width:140px;height:36px;object-fit:contain;filter:none!important}
.top-nav-tabs{position:static!important;transform:none!important;display:flex!important;flex-shrink:0;gap:2px!important;padding:5px!important;border:1px solid #22252c!important;border-radius:19px!important;background:#16181d!important}
.top-tab-item{height:44px;padding:0 14px!important;color:#d8dadf!important;border-radius:14px!important;font-size:14px!important;gap:8px;white-space:nowrap}
.top-tab-item.active{background:linear-gradient(#e8c98e,#cfa257)!important;color:#17140e!important;box-shadow:inset 0 1px 0 #ffffff66!important}.top-tab-item.active:after{display:none}.top-tab-item:hover{background:#22252c!important}.top-tab-item.active:hover{background:#e2be78!important}
.header-right{margin-left:auto;gap:8px;min-width:0}.btn-icon-square{background:#16181d!important;border:1px solid #22252c!important;border-radius:12px!important}.btn-header-register,.btn-header-deposit{background:#d9b26a!important;color:#17140e!important;border:0!important}.btn-header-login{background:#16181d!important;border:1px solid #30333a!important}.guest-auth-actions{gap:8px}.wallet-pill{background:#16181d!important;border:1px solid #22252c!important}.user-profile-pill{max-width:120px}.user-name-text{overflow:hidden;text-overflow:ellipsis}
.site-sidebar.gold-sidebar{display:flex;position:fixed;top:0;bottom:0;left:0;width:240px;padding:24px 16px;gap:4px;background:#101216!important;border-right:1px solid #1c1f25!important;overflow:auto;z-index:110}
.gold-account{display:flex;align-items:center;gap:12px;padding:14px 12px;min-height:94px;border:1px solid #22252c;border-radius:16px;background:#16181d;color:#f2efe8;text-align:left}.gold-account>.ui-icon{width:36px;height:36px;padding:8px;background:#24272e;border-radius:50%;color:#9a9da6}.gold-account span{min-width:0;flex:1}.gold-account strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis}.gold-account small{display:block;font-size:11px;color:#8e929c;margin-top:6px}.gold-account b{color:#8e929c}
.gold-daily{position:relative;border:1px solid #d9b26a50;background:linear-gradient(120deg,#d9b26a50,#d9b26a12);border-radius:16px;color:#f2efe8;min-height:74px;margin:10px 0 14px;padding:12px 14px;text-align:left}.gold-daily strong,.gold-daily small{display:block}.gold-daily small{font-size:11px;color:#d8dadf;max-width:110px;margin-top:5px}.gold-daily>span{position:absolute;right:10px;top:16px;font-size:32px}
.gold-label{font-size:11px;font-weight:800;letter-spacing:.14em;color:#7d808a;padding:4px 12px 6px}.gold-more{border-top:1px solid #1c1f25;margin:14px 10px 0;padding:18px 2px 6px}
.gold-sidebar .sidebar-item{display:flex;align-items:center;justify-content:flex-start;width:100%;height:46px;min-height:46px;gap:12px;padding:0 12px;margin:0;background:transparent!important;border:0;border-radius:12px;color:#d0d0d0!important;font-size:14px;font-weight:600;white-space:nowrap}.gold-sidebar .sidebar-item.active{background:#1c1e24!important;box-shadow:inset 3px 0 #d9b26a;color:#fff!important}.gold-sidebar .sidebar-item.active .ui-icon{color:#d9b26a}.gold-sidebar .sidebar-item:hover{background:#181a20!important}.gold-sidebar-bottom{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:70px 12px 0;font-size:12px;color:#8e929c}.gold-sidebar-bottom strong{color:#d9b26a}
.app-shell{margin-left:240px;padding:32px 40px 60px;background:#0b0c0f;max-width:none;min-height:calc(100vh - 76px)}
#goldHome{display:none}.home-mode #goldHome{display:flex;flex-direction:column;gap:40px}
.gold-heroes{display:grid;grid-template-columns:1.75fr 1fr;gap:20px}.gold-hero,.gold-feature{position:relative;background:#121418;border:1px solid #22252c;border-radius:28px;min-width:0;height:330px;overflow:hidden}.gold-hero-copy{position:relative;z-index:2;padding:44px 0 36px 48px;pointer-events:none}.gold-hero-copy button{pointer-events:auto}.gold-eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:#c7c8cc}.gold-hero h1{font-size:clamp(32px,3.65vw,56px);font-weight:800;line-height:1.04;letter-spacing:-.05em;margin:12px 0 18px;max-width:420px}.gold-hero-copy>p:not(.gold-eyebrow){font-size:16px;color:#9a9da6;margin-bottom:20px}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:0 24px;background:linear-gradient(#e8c98e,#cfa257);color:#17140e;border:1px solid #ffffff20;border-radius:13px;font-weight:800;font-size:14px}.gold-button:hover{filter:brightness(1.1)}

.p00{background-position:0 0}.p01{background-position:33.3333% 0}.p02{background-position:66.6667% 0}.p03{background-position:100% 0}.p10{background-position:0 25%}.p11{background-position:33.3333% 25%}.p12{background-position:66.6667% 25%}.p13{background-position:100% 25%}.p20{background-position:0 50%}.p21{background-position:33.3333% 50%}.p22{background-position:66.6667% 50%}.p23{background-position:100% 50%}.p32{background-position:66.6667% 75%}.p40{background-position:0 100%}.p43{background-position:100% 100%}
.gold-hero-art{position:absolute;width:45%;height:100%;right:20px;top:0}.gold-hero-art:before{content:'';position:absolute;width:300px;height:300px;border:1px solid #22252c;border-radius:50%;top:-60px;right:0}.gold-hero-art .gold-art{position:absolute;aspect-ratio:168/226;border:1px solid #ffffff20;border-radius:20px;box-shadow:0 18px 40px #0007}.gold-back-card{width:52%;left:0;top:65px;transform:rotate(-9deg)}.gold-front-card{width:60%;right:0;top:40px;transform:rotate(8deg)}
.gold-dots{position:absolute;bottom:30px;left:48px;display:flex;gap:10px;z-index:3}.gold-dots button{width:6px;height:6px;border:0;border-radius:5px;background:#4a4d55}.gold-dots button.active{width:22px;background:#d9b26a}
.gold-feature{padding:28px}.gold-feature>div{display:flex;align-items:center;gap:20px;height:calc(100% - 24px)}.gold-feature img{width:51%;aspect-ratio:1;object-fit:cover;border-radius:20px}.gold-feature h2{font-size:25px;line-height:1.1;letter-spacing:-.03em}.gold-feature p:not(.gold-eyebrow){font-size:14px;color:#9a9da6;margin:10px 0 16px}.gold-feature .gold-button{padding:0 18px;white-space:nowrap}
.gold-jackpot{margin-top:-24px;display:flex;align-items:center;gap:18px;padding:16px 22px;min-height:80px;background:#121418;border:1px solid #22252c;border-radius:20px;color:#d0d0d0;text-align:left}.gold-jackpot strong{font-size:24px;color:#d9b26a;letter-spacing:-.02em}.gold-jackpot .gold-eyebrow{color:#9a9da6}.gold-jackpot-link{margin-left:auto;font-size:13px;font-weight:700;white-space:nowrap}.gold-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;background:#202227;color:#d0d0d0;border-radius:14px;font-size:25px}
.gold-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.gold-section-heading h2{font-size:24px;font-weight:800;letter-spacing:-.035em;display:flex;align-items:center;gap:12px}.gold-section-heading h2 .gold-icon{width:36px;height:36px;border-radius:10px}.gold-section-heading button{border:0;background:none;color:#d0d0d0;font-size:13px;font-weight:700}.gold-section-heading>div{display:flex;align-items:center;gap:8px}.gold-section-heading .gold-arrow{width:38px;height:38px;border:1px solid #22252c;border-radius:10px;background:#121418;font-size:24px;font-weight:400}.gold-row{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.gold-row>.gold-game{flex:0 0 calc((100% - 80px)/6);scroll-snap-align:start;min-width:0}.gold-cover{position:relative;display:block;width:100%;aspect-ratio:168/226;border:1px solid #2a2d35;border-radius:16px;overflow:hidden;background:#16181d;transition:transform .2s}.gold-cover .gold-art{width:100%;height:100%}.gold-cover:hover{transform:translateY(-3px);border-color:#d9b26a}.gold-game small{display:flex;align-items:center;gap:5px;color:#8e929c;font-size:11px;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gold-game i{width:5px;height:5px;border-radius:50%;background:#4cc38a;flex-shrink:0}.gold-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#08090c70;color:#e2be78;font-size:36px;opacity:0;transition:opacity .2s}.gold-cover:hover .gold-play,.gold-cover:focus-visible .gold-play{opacity:1}.gold-live{position:absolute;top:10px;left:10px;padding:4px 8px;background:#3a1518;color:#ff8a8f;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.05em}
.gold-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.gold-ranked{display:flex;align-items:flex-end;min-width:0}.gold-rank{font-size:clamp(90px,11.8vw,170px);font-weight:800;line-height:.95;color:#0b0c0f;-webkit-text-stroke:1.5px #d0d0d0;letter-spacing:-.08em;margin-right:-20px;flex-shrink:0}.gold-ranked>.gold-game{position:relative;flex:1;min-width:0}.gold-promos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gold-promo{display:flex;align-items:center;gap:16px;padding:22px;background:#121418;border:1px solid #22252c;border-radius:20px;text-align:left;color:#d0d0d0}.gold-promo>span:nth-child(2){flex:1}.gold-promo small{display:block;font-size:12px;color:#9a9da6}.gold-promo strong{display:block;color:#d9b26a;font-size:20px;margin:3px 0}.gold-promo b{font-size:12px;border:1px solid #30333a;border-radius:10px;padding:12px 14px}.gold-promo small:last-child{font-size:10px}
.gold-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.gold-quick>button{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #22252c;border-radius:18px;background:#121418;text-align:left;color:#f2efe8}.gold-quick .gold-art{width:60px;aspect-ratio:168/226;flex-shrink:0;border-radius:10px}.gold-quick>button>span:nth-child(2){flex:1;min-width:0}.gold-quick strong{font-size:13px;display:block}.gold-quick small{display:block;font-size:10px;color:#8e929c;margin-top:5px}.gold-quick b{display:flex;align-items:center;justify-content:center;width:42px;height:44px;border-radius:12px;background:#d9b26a;color:#17140e;font-size:13px;flex-shrink:0}.gold-providers{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#b3b6be;font-size:14px}.gold-providers strong{margin-right:12px}.gold-providers button{padding:16px 20px;border:1px solid #22252c;border-radius:12px;background:#121418;color:#b3b6be;font-size:13px;font-weight:700}
.app-footer{margin-left:240px;background:#0b0c0f;border-color:#1c1f25;padding:24px 40px}.home-mode .footer-top-row,.home-mode .providers-showcase-row{display:none}.footer-bottom-row{border:0;padding:0;font-size:12px}.gold-dialog{position:fixed;margin:auto;width:min(440px,calc(100vw - 32px));padding:32px;border:1px solid #30333a;border-radius:20px;background:#16181d;color:#f2efe8;box-shadow:0 24px 80px #0008}.gold-dialog::backdrop{background:#000a}.gold-dialog h2{font-size:22px;padding-right:20px}.gold-dialog p{margin:18px 0 24px;line-height:1.7;color:#b3b6be}.gold-dialog-close{position:absolute;top:12px;right:16px;font-size:28px;background:none;border:0;color:#b3b6be}
@media(min-width:1600px){.app-shell{padding-left:48px;padding-right:48px}.gold-hero-art{width:300px}.gold-hero h1{font-size:56px}.gold-row>.gold-game{flex-basis:calc((100% - 80px)/6)}}
@media(max-width:1350px){header.top-header{gap:12px;padding:10px 28px}.brand-logo-img{width:120px}.top-tab-item{padding:0 10px!important;font-size:13px!important}.app-shell{padding:28px}.gold-hero,.gold-feature{height:300px}.gold-hero-copy{padding:38px 0 32px 32px}.gold-hero h1{font-size:42px}.gold-hero-art{right:14px}.gold-dots{left:32px;bottom:24px}.gold-feature{padding:24px}.gold-feature>div{gap:16px}.gold-feature h2{font-size:23px}.gold-jackpot strong{font-size:20px}.gold-promo{padding:20px 16px;gap:12px}.gold-promo strong{font-size:18px}.gold-quick{gap:12px}.gold-quick .gold-art{width:48px}.gold-quick b{width:36px}.gold-quick>button{gap:10px}}
@media(max-width:1150px){.site-sidebar.gold-sidebar{width:200px;padding:20px 12px}header.top-header,.app-shell,.app-footer{margin-left:200px}header.top-header{width:calc(100% - 200px);flex-wrap:wrap;height:116px;padding:10px 24px;justify-content:space-between}.top-nav-tabs{order:3;width:100%;justify-content:center}.header-right{flex:0 0 auto}.top-tab-item{height:34px}.brand-logo-img{width:130px;height:28px}.gold-hero h1{font-size:36px}.gold-hero-copy{padding-left:24px}.gold-feature{padding:20px}.gold-feature h2{font-size:20px}.gold-feature .gold-button{font-size:12px;padding:0 14px;min-height:40px}.gold-jackpot{gap:12px}.gold-jackpot strong{font-size:18px}.gold-jackpot-link{font-size:11px}.gold-promo{gap:8px;padding:16px 12px}.gold-promo .gold-icon{width:34px;height:38px}.gold-promo b{padding:8px}.gold-promo strong{font-size:15px}.gold-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.gold-row>.gold-game{flex-basis:calc((100% - 48px)/4)}.gold-rank{font-size:100px}.gold-game small{font-size:9px}}
@media(max-width:900px){header.top-header{margin-left:0;width:100%}.app-shell,.app-footer{margin-left:0}.site-sidebar.gold-sidebar{display:none}.mobile-menu-toggle{display:flex!important}.nav-open .site-sidebar.gold-sidebar{display:flex;width:240px;top:0;z-index:210}.nav-open .mobile-nav-backdrop{display:block;z-index:205}.gold-heroes{grid-template-columns:1.6fr 1fr;gap:16px}.gold-hero,.gold-feature{height:280px}.gold-hero h1{font-size:36px}.gold-hero-copy>p:not(.gold-eyebrow){font-size:13px}.gold-hero-art{width:43%}.gold-feature>div{gap:12px}.gold-feature h2{font-size:21px}.gold-feature p:not(.gold-eyebrow){font-size:12px}.gold-jackpot strong{font-size:18px}.gold-jackpot .gold-eyebrow{font-size:10px}.home-mode .app-shell{min-height:0;padding-bottom:70px}.gold-top{gap:16px}.gold-ranked .gold-rank{font-size:110px}.gold-providers button{padding:12px}.gold-sidebar-bottom{padding-top:40px}}
@media(max-width:600px){header.top-header{padding:8px 14px;gap:8px;height:110px;min-height:110px}.header-left{gap:8px}.brand-logo-img{width:105px;height:28px}.header-right{gap:5px}.btn-header-login,.btn-header-register{padding:8px 10px!important;font-size:11px!important;min-width:0!important}.btn-icon-square{width:32px;height:32px}.top-nav-tabs{padding:4px!important;border-radius:14px!important}.top-tab-item{flex:1;justify-content:center;height:32px;font-size:11px!important;padding:0 5px!important;gap:5px}.nav-tab-ico{width:14px;height:14px}.app-shell{padding:18px 16px 70px}.home-mode #goldHome{gap:28px}.gold-heroes{grid-template-columns:1fr;gap:14px}.gold-hero{height:265px;border-radius:22px}.gold-hero-copy{padding:28px 0 28px 24px}.gold-hero h1{font-size:38px;max-width:240px}.gold-hero-art{width:42%;right:14px}.gold-front-card{top:64px;width:73%}.gold-back-card{top:82px;width:62%;left:-12px}.gold-hero-copy>p:not(.gold-eyebrow){font-size:12px}.gold-hero .gold-button{min-height:40px;padding:0 16px;font-size:12px}.gold-dots{left:24px;bottom:16px}.gold-feature{height:190px;padding:18px 22px;border-radius:22px}.gold-feature>div{justify-content:flex-start;gap:22px;padding-top:12px}.gold-feature img{height:118px;width:118px;border-radius:14px}.gold-feature h2{font-size:23px}.gold-feature h2 br{display:none}.gold-feature p:not(.gold-eyebrow){margin:6px 0 10px}.gold-feature .gold-button{min-height:34px}.gold-eyebrow{font-size:10px}.gold-jackpot{margin-top:-14px;padding:14px;gap:10px;flex-wrap:wrap;border-radius:16px}.gold-jackpot .gold-icon{width:32px;height:32px;font-size:22px}.gold-jackpot strong{font-size:16px;flex:1;min-width:140px}.gold-jackpot-link{display:none}.gold-jackpot .gold-eyebrow{max-width:65px;font-size:9px;line-height:1.5}.gold-section-heading{margin-bottom:14px}.gold-section-heading h2{font-size:21px}.gold-top{display:flex;overflow-x:auto;gap:16px;scrollbar-width:none}.gold-ranked{flex:0 0 44%}.gold-ranked .gold-rank{font-size:108px;margin-right:-16px}.gold-row>.gold-game{flex-basis:calc((100% - 28px)/2.6)}.gold-row{gap:14px}.gold-game small{font-size:9px}.gold-cover{border-radius:13px}.gold-live{font-size:8px;left:6px;top:7px;padding:3px 5px}.gold-promos{display:flex;overflow-x:auto;scrollbar-width:none;gap:12px}.gold-promo{flex:0 0 85%;padding:18px;gap:12px}.gold-promo .gold-icon{width:42px;height:42px}.gold-promo strong{font-size:20px}.gold-promo b{padding:10px 12px}.gold-quick{gap:10px}.gold-quick>button{padding:10px;gap:8px;border-radius:14px}.gold-quick .gold-art{width:36px;border-radius:6px}.gold-quick strong{font-size:11px}.gold-quick small{font-size:8px}.gold-quick b{width:26px;height:32px;font-size:10px;border-radius:8px}.gold-providers{gap:8px}.gold-providers strong{width:100%;margin-bottom:3px}.gold-providers button{padding:12px;font-size:11px}.gold-section-heading .gold-arrow{width:30px;height:32px}.gold-section-heading button{font-size:11px}.app-footer{padding:22px 16px 85px}.user-profile-pill{display:none!important}.wallet-pill{gap:5px;padding:3px 4px}.btn-header-deposit{padding:7px!important;font-size:10px!important}.wallet-balance{font-size:11px!important}}
.site-sidebar.gold-sidebar{flex-direction:column}.gold-sidebar>*{flex-shrink:0}
.wallet-balance-box{background:transparent;border:0;color:#f2efe8;white-space:nowrap}
#goldHome,.gold-sidebar{font-family:'Plus Jakarta Sans',Arial,sans-serif}
#goldHome strong,#goldHome small,.gold-sidebar strong,.gold-sidebar small{font-family:inherit}
@media(max-width:600px){.wallet-balance-box{font-size:11px;padding:5px}.wallet-currency-sym{font-size:12px}.wallet-pill{max-width:190px}.wallet-balance-box{max-width:100px;overflow:hidden}.wallet-balance-box #headerBalanceVal{overflow:hidden;text-overflow:ellipsis}}
#goldHome button,.gold-sidebar button,.gold-dialog button{font-family:'Plus Jakarta Sans',Arial,sans-serif}
.mobile-dock-deposit{background:linear-gradient(#e8c98e,#cfa257)!important;color:#17140e!important;border-color:#d9b26a!important}.mobile-dock{background:#101216!important}
@media(max-width:600px){.gold-hero h1{font-size:32px;max-width:250px;line-height:1.08}.gold-hero-copy{padding-top:32px}.gold-hero-copy>p:not(.gold-eyebrow){margin-bottom:16px}.gold-feature h2 br:after{content:' '}.gold-feature h2{font-size:21px}}
@media(max-width:600px){.header-right{flex-shrink:1;min-width:0}.wallet-pill{max-width:160px;border-radius:10px}.wallet-balance-box{padding:4px!important;gap:3px!important;font-size:10px!important;min-width:0}.wallet-currency-sym{font-size:10px!important}.btn-header-deposit{font-size:9px!important;letter-spacing:0!important;padding:6px!important;box-shadow:none!important}.header-right:has(.wallet-pill[style*="flex"]) .btn-search-trigger{display:none!important}}
@media(max-width:360px){header.top-header{padding-left:10px;padding-right:10px}.brand-logo-img{width:86px}.header-left{gap:5px}.header-right{gap:4px}.btn-header-login,.btn-header-register{padding:7px!important;font-size:10px!important}.guest-auth-actions{gap:4px}.btn-icon-square{width:28px;height:30px}.gold-hero h1{font-size:29px}.gold-hero-art{width:37%;right:12px}.gold-hero-copy{padding-left:20px}.gold-feature{padding:18px}.gold-feature>div{gap:16px}.gold-feature img{width:100px;height:110px}.gold-feature h2{font-size:19px}.gold-quick{grid-template-columns:1fr}}
@media(max-width:360px){.top-tab-item{font-size:10px!important;padding:0 3px!important;gap:4px;min-width:0}.top-nav-tabs{max-width:100%;box-sizing:border-box}.nav-tab-ico{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}