/* Ambient light belongs to the site shell. Slot and leaderboard surfaces retain their own styles. */
body{background:#08090c;position:relative;isolation:isolate}
body::before,body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1}
body::before{background:radial-gradient(ellipse at 22% 0%,#ffb62f1f,transparent 46%),radial-gradient(ellipse at 94% 58%,#ed9d1812,transparent 40%),radial-gradient(ellipse at 42% 98%,#ba772c12,transparent 44%);animation:ambient-gold 22s ease-in-out infinite alternate}
body::after{opacity:.3;background-image:radial-gradient(circle,#f5c45d77 .7px,transparent 1.2px),radial-gradient(circle,#ffcf703d .6px,transparent 1.1px);background-size:157px 181px,263px 239px;background-position:19px 52px,80px 140px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.topbar{background:linear-gradient(105deg,#101116f5,#191710f5 52%,#0d0f14f5);border-bottom-color:#dca53a33;box-shadow:0 1px 0 #ffd77b14,0 7px 30px #0006,0 0 60px #efa7250a;position:relative;isolation:isolate}
.topbar::after{content:'';position:absolute;bottom:-1px;left:18%;right:15%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ffd163aa,transparent);box-shadow:0 0 12px #ffc45488}
.brand>img{filter:drop-shadow(0 0 8px #ffbe415c) drop-shadow(0 0 22px #ffb32629)}
.brand>span{color:#fff9e7;text-shadow:0 0 20px #ffc95420}.brand .brand-dot{color:#ffcb55}.brand .brand-domain{color:#bda978}
.header-middle .eyebrow{color:#b8ab90}
.header-actions .wallet-pill{background:linear-gradient(130deg,#30291b,#16181b);border:1px solid #f5bd4d52;box-shadow:inset 0 1px #ffe9a922,0 0 20px #e3a72712;color:#ffdd86}
.header-actions .account-button{background:linear-gradient(110deg,#ffe198,#f5b432);color:#241802;border:1px solid #ffe3a2;box-shadow:inset 0 1px #fff7d5,0 0 19px #ffb52633,0 5px 16px #0005}
.header-actions .account-button:hover:not(:disabled){box-shadow:0 0 26px #ffc83e66,0 5px 16px #0005;background:linear-gradient(110deg,#ffeab8,#ffc64f)}
.header-actions .icon-button{color:#e1c790}
.sidebar{background:linear-gradient(180deg,#101116ef,#0c0e12e8);border-right-color:#ecc1711a;box-shadow:inset -1px 0 #ffd57806}
.sidebar .nav-label{color:#8e8980}.sidebar .nav-item{color:#b8b7b2;border:1px solid transparent;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.sidebar .nav-icon{color:#aaa493}.sidebar .nav-item:hover{background:#e8b33b0b;color:#fff2d0;border-color:#d7ae4122}
.sidebar .nav-item.active{background:linear-gradient(100deg,#8054173d,#b87e1810);border-color:#e7b74748;color:#ffda7a;box-shadow:inset 2px 0 #ffce66,0 0 24px #f4ae1b09}
.sidebar .nav-item.active .nav-icon{color:#ffda7a;filter:drop-shadow(0 0 6px #ffc43766)}
.sidebar .nav-item small{background:#e7b93f14;color:#ebc56e;border-color:#e6b84a33}
.sidebar-divider{background:#d3ad5220}.sidebar .casino-nav-group{border-color:#f3c56624}
.sidebar .casino-nav-group a{color:#a6a39b}.sidebar .casino-nav-group a[aria-current]{background:#f7ba3f13;color:#ffdc81;box-shadow:inset 2px 0 #e9b34b}
.sidebar .affiliate{background:radial-gradient(ellipse at 50% 0,#b881211d,transparent 70%),#14151a;border-color:#d9ae4e32;box-shadow:inset 0 1px #f6cb6710}
.sidebar .affiliate em{color:#ffcf62;text-shadow:0 0 20px #ffbe2933}.sidebar .affiliate button{background:#262219;border-color:#99763755;color:#e5cf9a}
.sidebar-bottom p,.sidebar-bottom .admin-link{color:#8f8d85}
.chat-panel{background:linear-gradient(160deg,#15161b,#0c0e12 60%);border-left-color:#d6aa4426;box-shadow:inset 1px 0 #eec47907}
.chat-heading{border-bottom-color:#d0ac4830;background:radial-gradient(ellipse at 30% 0,#d4952310,transparent 80%)}
.chat-heading h2{color:#f4eee0}.chat-heading .icon-button{color:#b9b29e}.chat-live{color:#74ddb1;background:#1b6c3c26;border-color:#53cd8655}
.chat-panel .message .avatar{background:linear-gradient(145deg,#403522,#1f2027);border-color:#bd97533d;color:#ebc778;box-shadow:inset 0 1px #ffe49614}
.chat-panel .message header{color:#e9e4d9}.chat-panel .message p{color:#bbbcc3}.chat-panel .message time{color:#797e88}.chat-panel .admin-badge{color:#ffd16c;background:#b17b1c24;border-color:#efbd4b33}
.chat-panel .empty-chat{color:#959aa7}.chat-panel .empty-chat strong{color:#d6d3c9}.chat-panel .empty-chat>span{color:#ffcd61;filter:drop-shadow(0 0 14px #e7a72266)}
.chat-compose{background:#0e1015;border-color:#d7b46126}.chat-identity,.chat-note{color:#96978f}
.chat-compose input{background:#171a21;border-color:#5e563947;color:#f3eee1}.chat-compose input:focus{border-color:#eabc56;box-shadow:0 0 0 3px #efb64712}
.chat-compose button{background:linear-gradient(#ffde80,#eeb437);color:#282010;box-shadow:0 0 14px #fcbf3033}
.floating-chat{background:linear-gradient(135deg,#ffdd82,#efae2d);color:#211907;border-color:#ffe5a0;box-shadow:0 0 26px #fbbf3538,0 7px 20px #0006}
.content-footer{border-color:#e4b34e20;color:#918d84}.content-footer a{color:#b7a474}

/* Home: illuminated gold against deep graphite. */
#page-home .home-welcome{color:#aa9c81;border-color:#cd9f3e26}
#page-home .home-hero{background:radial-gradient(ellipse at 85% 27%,#ebad3524,transparent 55%),radial-gradient(ellipse at 0% 100%,#7c511218,transparent 55%),linear-gradient(115deg,#101116,#171612 75%,#171819);border-color:#e3b04443;box-shadow:inset 0 1px #ffdd8824,0 22px 60px #0007,0 0 45px #ffb42a09}
#page-home .home-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,transparent 40%,#edbf5222 49%,transparent 58%);background-size:280% 100%;animation:gold-surface-sheen 17s ease-in-out infinite}
#page-home .home-kicker{color:#edc76d}#page-home .home-kicker>span{background:#ffd06b;box-shadow:0 0 14px #ffb6388c}
#page-home .home-headline{color:#fffaf0;text-shadow:0 4px 25px #0006}
#page-home .home-headline>strong{color:#ffd261;background:linear-gradient(110deg,#fff0b0 5%,#ffcf50 44%,#e99517 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 21px #ffb92f26)}
#page-home .home-headline>em{color:#e7bb60}#page-home .home-over{color:#b9a987}#page-home .home-copy>p{color:#b3b1aa}
#page-home .home-logo-halo{background:radial-gradient(circle,#ffcb5430,transparent 66%);border-color:#ffcc5b3d;box-shadow:0 0 0 26px #eabc4805,0 0 0 27px #e8bc4618,0 0 70px #f6bc3026,inset 0 0 60px #ffcd4620;animation:logo-light 8s ease-in-out infinite alternate}
#page-home .home-duck-logo{filter:drop-shadow(0 18px 18px #0008) drop-shadow(0 0 30px #ffbf3233);animation:home-duck-float 7s ease-in-out infinite}
#page-home .home-signature>strong{color:#fff3ce;text-shadow:0 0 22px #ffbd3622}#page-home .home-signature>span{color:#a69978}
#page-home .home-primary{background:linear-gradient(110deg,#ffe59a,#f9ba3f 70%,#eca025);border-color:#ffe39a;color:#261c08;box-shadow:inset 0 1px #fff5c6,0 0 27px #ffbf3733,0 6px 18px #0005;transition:box-shadow .2s,transform .2s}
#page-home .home-primary:hover{box-shadow:0 0 40px #ffc03955,0 8px 25px #0007;transform:translateY(-2px)}
#page-home .home-stream{background:#111317;border-color:#c5ab5729;color:#e3d5b4}#page-home .home-stream:hover{border-color:#58d75977;box-shadow:0 0 24px #55dc501a}
#page-home .home-hero-footer{background:#090b0e88;border-color:#e7b95726;color:#a19b8d}
#page-home .home-destination{background:radial-gradient(ellipse at 0 0,#b57e2020,transparent 75%),linear-gradient(140deg,#1a1b20,#101216);border-color:#dbb1552d;box-shadow:inset 0 1px #ffe7ae14,0 8px 25px #0004}
#page-home .home-destination h2{color:#f7edd5}#page-home .home-destination p{color:#a0a4ad}#page-home .home-destination>div>span{color:#b7a67c}
#page-home .home-link-icon{color:#ffcf66;filter:drop-shadow(0 0 11px #ffd06844)}#page-home .home-destination>b{color:#d4b569}
#page-home .home-destination:hover{border-color:#f0c15977;box-shadow:inset 0 1px #fff0bc33,0 0 28px #f2b53216,0 12px 28px #0005}

/* The remaining app pages use the same lit edges and dark card surfaces. */
:is(#page-rewards,#page-shop,#page-admin,#page-casino) :is(h1,.section-heading h1){color:#fff4d9;text-shadow:0 0 28px #fac23f1c}
:is(#page-rewards,#page-shop,#page-admin,#page-casino) :is(.breadcrumb,.section-intro){color:#a9a69c}
:is(#page-rewards,#page-shop,#page-admin) :is(.detail-card,.product,.reward-hero,.balance-summary,.table-panel,.notice,.admin-wallet-card){background:radial-gradient(ellipse at 90% 0,#d4942520,transparent 70%),linear-gradient(135deg,#191b21,#101216);border-color:#d8ac4e33;box-shadow:inset 0 1px #ffe8a91a,0 10px 30px #0004,0 0 25px #d2982306}
:is(#page-rewards,#page-shop,#page-admin) :is(.detail-card h3,.product h2,.reward-hero h2,.table-panel h2,.admin-wallet-heading h2){color:#ffedbd}
:is(#page-rewards,#page-shop,#page-admin) :is(.detail-card p,.product p,.reward-hero p,.admin-wallet-heading p,.section-intro,.notice){color:#b0b0ae}
:is(#page-rewards,#page-shop,#page-admin) .primary-button{background:linear-gradient(110deg,#ffe299,#f4b333);color:#271b06;border-color:#ffe4a2;box-shadow:inset 0 1px #fff5cf,0 0 23px #ffbb3229,0 4px 12px #0005}
:is(#page-rewards,#page-shop,#page-admin) .primary-button:hover:not(:disabled){box-shadow:0 0 32px #ffc23f55,0 5px 17px #0006}
:is(#page-rewards,#page-shop,#page-admin) .secondary-button{background:linear-gradient(140deg,#29251d,#17191f);border-color:#bca56844;color:#ecd49a}
#page-shop .product.premium{background:radial-gradient(ellipse at 50% 10%,#c9901b22,transparent 62%),linear-gradient(140deg,#25221a,#13151a);border-color:#e2b84f60;box-shadow:inset 0 1px #ffe6a022,0 0 35px #d8a23114}
#page-shop .product-art{background:radial-gradient(ellipse,#edb23525,transparent 65%)}#page-shop .product .symbol,#page-rewards .reward-hero>.symbol{filter:drop-shadow(0 8px 10px #0005) drop-shadow(0 0 21px #ffbc4633)}
:is(#page-rewards,#page-shop,#page-admin) :is(.product-bottom,.credit-history,.admin-wallet-card details){border-color:#e4bd6d25}
:is(#page-shop,#page-admin) th{background:#22221e;color:#c4b78f}:is(#page-shop,#page-admin) td{border-color:#e1ba5920;color:#d0cfc8}
:is(#page-shop,#page-admin) .empty-table{color:#999da5}#page-admin .admin-credit-form input{background:#0d1016;border-color:#9a834a44;color:#f4e9cd}
#page-admin .admin-credit-form input:focus{border-color:#efc35f;box-shadow:0 0 0 3px #e5b14418}#page-admin .admin-credit-form label{color:#c8c3b6}
#page-admin .credit-username button{background:#ac7c2020;border-color:#d9b2583d;color:#e7c57d}#page-admin .credit-submit>span{color:#aaa393}
#page-admin :is(.admin-summary small,.credit-history summary){color:#b7ac93}#page-admin .admin-wallet-coin{box-shadow:inset 0 0 0 4px #8e681a44,0 0 28px #ffce5729}
body:has(:is(#page-home,#page-casino,#page-rewards,#page-shop,#page-admin):not([hidden])) dialog{background:radial-gradient(ellipse at 100% 0,#c6952720,transparent 70%),#15171d;border-color:#efc76755;box-shadow:0 35px 100px #000b,0 0 60px #ffbc2014}
body:has(:is(#page-home,#page-casino,#page-rewards,#page-shop,#page-admin):not([hidden])) dialog :is(.modal-copy,details p){color:#b4b3ae}
body:has(:is(#page-home,#page-casino,#page-rewards,#page-shop,#page-admin):not([hidden])) dialog :is(.info-stats div,.modal-form input,.modal-form textarea){background:#11141b;border-color:#91774055;color:#eadcb6}
@keyframes ambient-gold{from{opacity:.7;transform:translateY(-1.5%)}to{opacity:1;transform:translateY(1.5%)}}
@keyframes gold-surface-sheen{0%,25%{background-position:180% 0}70%,100%{background-position:-90% 0}}
@keyframes home-duck-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes logo-light{from{opacity:.75}to{opacity:1}}
@media(max-width:600px){.sidebar.open{background:linear-gradient(145deg,#19191aeF,#0b0d12fa)}body::before{background:radial-gradient(ellipse at 40% 0,#c7891c22,transparent 62%),#08090c}.topbar::after{left:10%;right:10%}#page-home .home-duck-logo{filter:drop-shadow(0 12px 14px #0007) drop-shadow(0 0 20px #ffbf3233)}}
@media(prefers-reduced-motion:reduce){body::before,#page-home .home-hero::before,#page-home .home-duck-logo,#page-home .home-logo-halo{animation:none}.sidebar .nav-item,#page-home .home-primary{transition:none}}