@font-face{font-family:'Queen Display';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/affiliate-hub/dm-serif-display.ttf') format('truetype')}
/* Shared reference art direction for the two landing pages. */
body:has(:is(#page-index,#page-play):not([hidden])) .nav{min-height:114px;line-height:1.4}
body.light-mode:has(:is(#page-index,#page-play):not([hidden])) header{
  background-color:#fcfaf7;
  background-image:none;
}
body.light-mode:has(:is(#page-index,#page-play):not([hidden])) .brand img{width:192px;height:83px;object-fit:contain;mix-blend-mode:normal}
#page-play .hub-mega-row{min-height:71px}
#page-play .hub-subnav{padding:19px 3.5% 23px;gap:23px}
#page-play .hub-subnav .hub-subnav-inner{padding:4px 0;line-height:1.4;min-height:54px}
#page-play .hub-subnav .hub-subnav-inner a:first-child{padding:13px 17px}
#page-play .hub-feature-strip{position:relative;min-height:634px;padding-bottom:34px}
#page-play .hub-feature-title h1{font:400 clamp(48px,5.15vw,80px)/.94 'Queen Display',Georgia,serif;letter-spacing:-.035em;max-width:790px;margin:12px 0 16px}
#page-play .hub-feature-title h1 em{font-size:1.12em;line-height:.94;letter-spacing:-.04em}
#page-play .hub-feature-title p{font-size:20px;line-height:1.3;max-width:730px}
#page-play .hub-feature-title .eyebrow{line-height:1.4}
#page-play .hub-offers-cta{text-transform:uppercase;line-height:1.3;margin-top:22px;padding:13px 38px}
#page-play .hub-feature-links a{height:234px;min-height:234px;padding:8px 5px 16px}
#page-play .hub-feature-links span{font:400 24px/1.2 'Queen Display',Georgia,serif;margin:3px 0 13px}
#page-play .hub-feature-links i{flex-shrink:0}
body.light-mode #page-play .hub-feature-strip{
  background-image:linear-gradient(90deg,#fcfaf6 0%,#fcfaf6eb 31%,#fcfaf600 58%),url('/assets/affiliate-hub/crown-ivory.webp'),url('/assets/affiliate-hub/silk-edge.webp');
  background-position:center,right top,left bottom;background-size:100% 100%,auto 365px,70px 100%;background-repeat:no-repeat;background-color:#faf5eb;
}
body.light-mode #page-play .hub-feature-links img{mix-blend-mode:normal;mask-image:linear-gradient(transparent,#fff 10%,#fff 86%,transparent),linear-gradient(90deg,transparent,#fff 12%,#fff 88%,transparent);mask-composite:intersect}
body.light-mode #page-play .hub-mega-trigger:before,
body.light-mode #page-play .hub-mega-contact:before{content:'';width:36px;height:34px;vertical-align:middle;background:center/contain no-repeat;mix-blend-mode:multiply}
body.light-mode #page-play .hub-mega-group:nth-child(1) .hub-mega-trigger:before{background-image:url('/assets/affiliate-hub/nav-casinos.webp')}
body.light-mode #page-play .hub-mega-group:nth-child(2) .hub-mega-trigger:before{background-image:url('/assets/affiliate-hub/nav-bonuses.webp')}
body.light-mode #page-play .hub-mega-group:nth-child(3) .hub-mega-trigger:before{background-image:url('/assets/affiliate-hub/nav-games.webp')}
body.light-mode #page-play .hub-mega-group:nth-child(4) .hub-mega-trigger:before{background-image:url('/assets/affiliate-hub/nav-reviews.webp')}
body.light-mode #page-play .hub-mega-group:nth-child(5) .hub-mega-trigger:before{background-image:url('/assets/affiliate-hub/nav-explore.webp')}
body.light-mode #page-play .hub-mega-contact:before{display:inline-block;background-image:url('/assets/affiliate-hub/nav-contact.webp')}
/* Home: the same crown and satin artwork, with counts directly after the hero. */
body:has(#page-index:not([hidden])) .nav{max-width:1556px;padding:15px 4%;gap:16px}
body:has(#page-index:not([hidden])) .nav .links{gap:16px}
body:has(#page-index:not([hidden])) .nav :is(.division-tab,.nav-drop,.search-open,.theme-toggle,#site-language){border:1px solid #a77d32;border-radius:7px;min-height:47px;padding:12px 18px;font-size:14px;letter-spacing:0}
body:has(#page-index:not([hidden])) .brand img{width:192px;height:83px}
body.light-mode:has(#page-index:not([hidden])) .nav :is(.division-tab,.nav-drop,.search-open,.theme-toggle,#site-language){border-color:#e8d7bd;background:#fffdf9d9;color:#302619}
body:has(#page-index:not([hidden])) .language-label{display:none}
#page-index .hero{position:relative;min-height:425px;padding:46px 0 38px;background:linear-gradient(90deg,#0c0b09,#0c0b09bb 35%,transparent 65%),url('/assets/affiliate-hub/crown-backdrop.webp') right center/auto 100% no-repeat,#0c0b09}
#page-index .hero-grid{display:block;max-width:1556px;padding-inline:4.5%}
#page-index .hero-grid>div:first-child{position:relative;z-index:1;max-width:790px}
#page-index .home-crown-art{display:none}
#page-index .hero h1{font:400 clamp(44px,5vw,78px)/1.01 'Queen Display',Georgia,serif;letter-spacing:-.035em;margin:14px 0 16px}
#page-index .hero .lead{font-size:19px;line-height:1.45;max-width:690px}
#page-index .hero .actions{margin-top:24px}
#page-index .btn{border-radius:28px;padding:13px 28px;background:linear-gradient(120deg,#f5daa2,#bb8636);border-color:#be8e45;color:#21180d}
#page-index .btn.outline{background:transparent;color:var(--gold)}
#page-index .statbar{position:relative;background:#17130e;border-block:1px solid #95703a}
#page-index .stats{max-width:1180px;padding:22px 24px;gap:12px}
#page-index .stats>div+div{border-left:1px solid #9c773b55}
#page-index .stats strong{font:400 48px/1.15 'Queen Display',Georgia,serif}
#page-index .stats span{font-size:15px}
#page-index .division-choice{padding:45px 0 60px}
#page-index :is(.division-choice,.section)>.wrap{max-width:1455px}
#page-index :is(h2,h3){font-family:'Queen Display',Georgia,serif}
#page-index .division-panel{border-radius:16px;padding:30px 34px;min-height:270px;position:relative;overflow:hidden}
#page-index .division-panel:after{content:'';position:absolute;right:12px;top:16px;width:130px;height:110px;background:center/contain no-repeat url('/assets/affiliate-hub/casinos.webp');opacity:.55;pointer-events:none}
#page-index .panel-network:after{background-image:url('/assets/affiliate-hub/reviews.webp')}
#page-index .division-panel :is(h3,p,.panel-desc,strong){position:relative;z-index:1}
#page-index .card{border-radius:14px}
body.light-mode #page-index .hero{background:linear-gradient(90deg,#fcfaf6 0%,#fcfaf6ee 30%,#fcfaf600 65%),url('/assets/affiliate-hub/crown-ivory.webp') right center/auto 100% no-repeat,#faf5eb}
body.light-mode #page-index .hero h1{color:#19150f}
body.light-mode #page-index .hero h1 em{color:#be8b3e}
body.light-mode #page-index .hero .eyebrow{color:#aa742c}
body.light-mode #page-index .hero .lead{color:#625c54}
body.light-mode #page-index .btn.outline{color:#7f5825;background:#fffaf3b8}
body.light-mode #page-index .statbar{background:linear-gradient(120deg,#fffdf8,#f4e8d4);border-color:#dec69e}
body.light-mode #page-index .stats strong{color:#a7762f}
body.light-mode #page-index .stats span{color:#625340}
body.light-mode #page-index .division-choice{background:#fcfaf6}
body.light-mode #page-index .division-panel{background:linear-gradient(135deg,#fffdf8,#f6eddf);border-color:#d6ac6c;box-shadow:0 6px 18px #9b6c2420}
body.light-mode #page-index .division-panel:after{background-image:url('/assets/affiliate-hub/casinos-ivory.webp');mix-blend-mode:multiply;opacity:.8}
body.light-mode #page-index .panel-network:after{background-image:url('/assets/affiliate-hub/reviews-ivory.webp')}
@media(min-width:901px) and (max-width:1250px){
 body:has(:is(#page-index,#page-play):not([hidden])) .nav{gap:9px;padding-inline:2%}
 body:has(:is(#page-index,#page-play):not([hidden])) .brand img{width:140px;height:70px}
 body:has(#page-index:not([hidden])) .nav .links{gap:8px}
 body:has(#page-index:not([hidden])) .nav :is(.division-tab,.nav-drop,.search-open,.theme-toggle,#site-language){font-size:12px;padding-inline:10px}
}
@media(max-width:900px){
 body:has(:is(#page-index,#page-play):not([hidden])) .nav{min-height:76px;padding:10px 16px;gap:8px;line-height:1.4;grid-template-columns:74px minmax(0,112px) minmax(0,112px) 40px}
 body:has(:is(#page-index,#page-play):not([hidden])) .nav .brand img{width:74px;height:56px}
 body:has(:is(#page-index,#page-play):not([hidden])) .nav :is(.theme-toggle,#site-language){padding:0 6px;font-size:11px;min-height:44px;height:44px}
 body:has(#page-index:not([hidden])) .nav .language-picker{grid-column:2;grid-row:1;order:0;margin:0;min-width:0;width:100%}
 #page-play .hub-subnav{padding:16px 4% 22px;gap:18px}
 #page-play .hub-feature-title h1{font-size:clamp(42px,7.7vw,65px)}
 #page-play .hub-feature-title p{font-size:17px}
 #page-play .hub-feature-links span{font-size:21px}
 body.light-mode #page-play .hub-feature-strip{background-size:100% 100%,auto 360px,45px 100%;background-position:center,75% top,left bottom}
 #page-index .hero{min-height:480px;padding:35px 0}
 #page-index .hero-grid{padding-inline:5%}
 #page-index .hero-grid>div:first-child{max-width:650px}
 #page-index .hero h1{font-size:clamp(43px,6.8vw,64px)}
 #page-index .hero .lead{max-width:80%;font-size:17px}
 body.light-mode #page-index .hero{background-image:linear-gradient(90deg,#fcfaf6f7,#fcfaf6da 55%,#fcfaf677),url('/assets/affiliate-hub/crown-ivory.webp')}
 #page-index .division-panel:after{width:95px;opacity:.3}
}
@media(max-width:480px){
 body:has(:is(#page-index,#page-play):not([hidden])) .nav{grid-template-columns:64px minmax(0,1fr) minmax(0,1fr) 36px;padding-inline:10px;gap:6px}
 body:has(:is(#page-index,#page-play):not([hidden])) .nav .brand img{width:64px}
 body:has(:is(#page-index,#page-play):not([hidden])) .nav .menu{width:36px}
 #page-play .hub-mega-trigger:before,#page-play .hub-mega-contact:before{width:24px!important;height:25px!important;margin-right:6px}
 #page-play .hub-subnav .hub-subnav-inner a{font-size:12px}
 #page-play .hub-feature-title{padding:12px!important}
 #page-play .hub-feature-title h1{font-size:43px;line-height:1}
 #page-play .hub-feature-title h1 em{font-size:1.05em;line-height:1.05}
 #page-play .hub-feature-title p{font-size:16px;max-width:100%}
 #page-play .hub-feature-links a{min-height:224px;height:auto}
 #page-index .hero{padding:30px 0;min-height:440px}
 #page-index .hero h1{font-size:43px}
 #page-index .hero .lead{max-width:100%;font-size:16px}
 #page-index .hero .eyebrow{font-size:10px;letter-spacing:.17em}
 #page-index .hero .actions{gap:10px}
 #page-index .hero .btn{padding:12px 18px;font-size:11px}
 #page-index .stats{padding:20px 12px;gap:8px}
 #page-index .stats strong{font-size:34px}
 #page-index .stats span{font-size:12px;display:block;line-height:1.4}
 #page-index .division-choice{padding:30px 0 40px}
 #page-index .division-panel{padding:24px;min-height:260px}
}
/* Keep reference artwork clear without rectangular crop edges. */
body:has(:is(#page-index,#page-play):not([hidden])) .nav .brand{display:flex;align-items:center;line-height:0}
body:has(:is(#page-index,#page-play):not([hidden])) .nav{padding-block:15px}
#page-play .hub-feature-title h1{margin-top:4px;line-height:.91}
#page-play .hub-feature-title h1 em{font-family:Georgia,'Times New Roman',serif;font-size:1.03em;line-height:1;letter-spacing:-.045em}
#page-play .hub-feature-title p{max-width:760px}
#page-play .hub-feature-links span{font-family:Georgia,'Times New Roman',serif;font-size:23px;letter-spacing:-.025em}
body.light-mode #page-play .hub-feature-strip{background-image:linear-gradient(90deg,#fcfaf6 0%,#fcfaf6eb 31%,#fcfaf600 58%),url('/assets/affiliate-hub/crown-ivory-soft.webp'),url('/assets/affiliate-hub/silk-edge.webp')}
body.light-mode #page-index .hero{background-image:linear-gradient(90deg,#fcfaf6 0%,#fcfaf6ee 30%,#fcfaf600 65%),url('/assets/affiliate-hub/crown-ivory-soft.webp')}
@media(min-width:901px) and (max-width:1250px){
 #page-play .hub-subnav .hub-subnav-inner{gap:6px;flex-wrap:wrap;justify-content:center;white-space:normal}
 #page-play .hub-subnav .hub-subnav-inner a{font-size:12px;padding:8px 4px}
 #page-play .hub-subnav .hub-subnav-inner a:first-child{padding:10px 12px}
}
@media(max-width:900px){
 body:has(:is(#page-index,#page-play):not([hidden])) .nav{padding-block:10px}
 body.light-mode:has(:is(#page-index,#page-play):not([hidden])) .nav .menu{background:#fffaf3e8;color:#93682d;border-color:#d6b77f}
 body.light-mode #page-index .hero{background-image:linear-gradient(90deg,#fcfaf6f7,#fcfaf6da 55%,#fcfaf677),url('/assets/affiliate-hub/crown-ivory-soft.webp')}
}
@media(max-width:480px){
 #page-play .hub-feature-strip{padding-top:150px}
 body.light-mode #page-play .hub-feature-strip{background-image:linear-gradient(180deg,transparent 60px,#fcfaf6e6 160px,#fcfaf6 440px),url('/assets/affiliate-hub/crown-ivory-soft.webp');background-size:100% 100%,auto 290px;background-position:center,right top;background-color:#fcfaf6}
 body.light-mode #page-play .hub-feature-title{background:transparent;padding:12px!important}
 #page-play .hub-feature-title h1 em{font-size:1em}
 #page-play .hub-feature-title p{max-width:100%}
 body:not(.light-mode) #page-play .hub-feature-strip{background:linear-gradient(180deg,transparent 30px,#0c0b09ed 170px,#0c0b09 430px),url('/assets/affiliate-hub/crown-backdrop.webp') right top/auto 290px no-repeat,#0c0b09}
}
/* Keep the crown in the hero's continuous background, below the category tabs. */
@media(min-width:901px) and (max-width:1250px){
 body:has(:is(#page-index,#page-play):not([hidden])) .nav .brand img{width:118px}
}
body:not(.light-mode) #page-index .division-panel h3{color:#f6efdf}
body:not(.light-mode) #page-index .division-panel :is(p,.panel-desc){color:#d2c6b2}
body:not(.light-mode):has(#page-index:not([hidden])) .nav .queens-tab{background:#19150f;color:#f1debb;border-color:#98723a}
body:not(.light-mode):has(:is(#page-index,#page-play):not([hidden])) .nav .queens-tab{background:#19150f;color:#f1debb!important;border-color:#98723a}
@media(max-width:480px){
 body.light-mode #page-play .hub-feature-strip,body:not(.light-mode) #page-play .hub-feature-strip{padding-top:150px}
}

/* Keep the shared HOME tab prominent in both themes and mobile navigation. */
.nav .links > a[href="#/index"]{font-weight:800;color:var(--text)}
.nav .links > a[href="#/index"]:is(:hover,:focus-visible){color:var(--gold)}