/* Reference artwork, typography and navigation for the Affiliate Hub. */
body:has(#page-play:not([hidden])) header{background:#080807;border-bottom:1px solid #b38a39;z-index:100}
body:has(#page-play:not([hidden])) .nav{max-width:1556px;min-height:115px;padding:18px 4%;flex-wrap:nowrap;gap:16px}
body:has(#page-play:not([hidden])) .brand img{width:180px;height:76px;object-fit:contain}
body:has(#page-play:not([hidden])) .nav .links{order:0;width:auto;gap:16px;font-size:14px;flex-wrap:nowrap}
body:has(#page-play:not([hidden])) .nav .links .division-tab,body:has(#page-play:not([hidden])) .nav .nav-group>.nav-drop{border:1px solid #a77d32!important;border-radius:7px!important;padding:12px 20px!important;min-height:47px;letter-spacing:0!important;font-weight:500!important;color:#f9f4e9!important}
body:has(#page-play:not([hidden])) .nav .links .play-tab{background:linear-gradient(120deg,#8b632b,#dcb66c)!important;color:#fff!important;box-shadow:inset 0 0 0 1px #f1cf8250}
body:has(#page-play:not([hidden])) .search-open,body:has(#page-play:not([hidden])) .theme-toggle{border:1px solid #a77d32;border-radius:7px;padding:13px 20px;color:#f4e8ce;background:#090907b8;font-weight:400;font-size:14px;min-height:47px}
body:has(#page-play:not([hidden])) .language-picker{order:5;margin:0}
body:has(#page-play:not([hidden])) .language-label{display:none}
body:has(#page-play:not([hidden])) #site-language{border:1px solid #a77d32;border-radius:7px;background:#171108b8;color:#fff;min-height:47px}
#page-play{background:#080807}
#page-play .hub-mega-bar{background:linear-gradient(#0e0e0b,#080807);border-bottom:1px solid #96712d}
#page-play .hub-mega-row{min-height:74px;padding:0 2%}
#page-play .hub-mega-trigger{font-size:16px;font-weight:500;border-right:1px solid #c99c4210}
#page-play .hub-mega-trigger:before{display:inline-block;color:#f5d48b;font-size:29px;margin-right:16px;vertical-align:middle;content:'▤'}
#page-play .hub-mega-group:nth-child(2) .hub-mega-trigger:before{content:'♜'}
#page-play .hub-mega-group:nth-child(3) .hub-mega-trigger:before{content:'♠'}
#page-play .hub-mega-group:nth-child(4) .hub-mega-trigger:before{content:'★'}
#page-play .hub-mega-group:nth-child(5) .hub-mega-trigger:before{content:'◉'}
#page-play .hub-mega-contact{font-size:16px;font-weight:400;color:#fff;flex:1}
#page-play .hub-mega-contact:before{content:'✉';font-size:29px;color:#f5d48b;margin-right:16px}
#page-play .hub-mega-panel{background:#14110b;border:1px solid #84632e;box-shadow:0 20px 35px #000b}
#page-play .hub-subnav{position:relative;top:auto;z-index:12;background:radial-gradient(ellipse at bottom right,#5a36183d,transparent 45%),#080807;padding:26px 4.3% 33px;gap:31px;border-bottom:1px solid #8c612b}
#page-play .hub-subnav .hub-subnav-inner{padding:4px 0;margin:0;gap:12px;flex-wrap:nowrap}
#page-play .hub-subnav .hub-subnav-inner a{font-size:16px;font-weight:400;letter-spacing:0;padding:8px 5px;color:#f6f3eb}
#page-play .hub-subnav .hub-subnav-inner a:first-child{border:1px solid #d7a346;border-radius:28px;padding:9px 15px;background:linear-gradient(#5b401d88,#261b0e88);box-shadow:0 0 17px #be842d40}
#page-play .hub-top-search{width:min(908px,80%);height:67px;margin:0 auto;gap:8px;padding:6px;border:2px solid #d7ad5f;border-radius:27px;background:#0a0a08cc;box-shadow:0 -3px 14px #edc77525;position:relative}
#page-play .hub-top-search:before{content:'⌕';color:#e8c476;font-size:36px;line-height:48px;margin-left:19px}
#page-play .hub-top-search input{border:0;border-radius:0;background:transparent;color:#fff;padding:9px 10px;font-size:18px;outline-offset:0}
#page-play .hub-top-search button{border:0;border-radius:30px;background:linear-gradient(#ffe298,#cd9135);color:#100e09;font-size:17px;padding:9px 38px}
#page-play .hub-feature-strip{background:linear-gradient(90deg,#070705 0%,#070705d9 30%,#07070522 65%),url('/assets/affiliate-hub/crown-backdrop.webp') right top/auto 100% no-repeat,#080807;padding:32px 0 54px;min-height:608px;color:#fff}
#page-play .hub-feature-strip>.wrap{max-width:1556px;padding:0 3.1%}
#page-play .hub-feature-title{padding:0 22px}
#page-play .hub-feature-title .eyebrow{font-size:14px;letter-spacing:.43em;font-weight:400;color:#d9b15e}
#page-play .hub-feature-title h1{font-size:clamp(48px,5.65vw,88px);line-height:.91;letter-spacing:-.025em;margin:12px 0 16px;max-width:790px;color:#fff;font-weight:400}
#page-play .hub-feature-title h1 em{display:block;color:#e7c375;background:linear-gradient(#fff2bd,#d59c3f);background-clip:text;-webkit-text-fill-color:transparent;font-style:normal}
#page-play .hub-feature-title p{font-size:20px;line-height:1.45;max-width:740px;color:#f4f3ed;margin:0}
#page-play .hub-feature-links{grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;margin-top:41px}
#page-play .hub-feature-links a{gap:0;min-height:228px;padding:12px 5px 20px;background:linear-gradient(135deg,#0a0907f2,#100c07de);border:1px solid #d6a33e;border-radius:15px;color:#fff;box-shadow:inset 0 0 22px #ae712316;transition:transform .2s,border-color .2s}
#page-play .hub-feature-links a:hover{transform:translateY(-5px);border-color:#ffe4a3}
#page-play .hub-feature-links img{width:min(148px,100%);height:103px;object-fit:contain;mix-blend-mode:screen}
#page-play .hub-feature-links span{font:23px/1.2 Georgia,serif;margin:6px 0 15px;text-align:center}
#page-play .hub-feature-links i{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;border:1px solid #edbd58;background:linear-gradient(135deg,#77531e,#241b0d);font:24px Georgia,serif;margin-top:auto;color:#fff4d8}
#page-play a:focus-visible,#page-play button:focus-visible{outline:2px solid #ffe0a0;outline-offset:4px}
@media(max-width:1250px){body:has(#page-play:not([hidden])) .nav{gap:10px;padding:12px 2%}body:has(#page-play:not([hidden])) .brand img{width:135px}body:has(#page-play:not([hidden])) .nav .links{gap:9px;font-size:12px}body:has(#page-play:not([hidden])) .nav .links .division-tab,body:has(#page-play:not([hidden])) .nav .nav-group>.nav-drop{padding:10px 12px!important}body:has(#page-play:not([hidden])) .search-open,body:has(#page-play:not([hidden])) .theme-toggle{padding:10px;font-size:12px}#page-play .hub-subnav .hub-subnav-inner a{font-size:13px}#page-play .hub-feature-links span{font-size:19px}}
@media(max-width:900px){body:has(#page-play:not([hidden])) .nav{flex-wrap:wrap;min-height:90px}body:has(#page-play:not([hidden])) .nav .links{width:100%;order:6;justify-content:center}#page-play .hub-subnav .hub-subnav-inner{overflow-x:auto;justify-content:flex-start}#page-play .hub-subnav .hub-subnav-inner a{flex:none}#page-play .hub-feature-links{grid-template-columns:repeat(4,minmax(0,1fr))}#page-play .hub-feature-strip{background-size:auto 620px}#page-play .hub-feature-title h1{font-size:65px}#page-play .hub-feature-title p{max-width:570px;font-size:18px}}
@media(max-width:800px){body:has(#page-play:not([hidden])) .nav .links{display:none;position:absolute;top:100%;padding:18px;background:#110e09;align-items:stretch}body:has(#page-play:not([hidden])) .nav .links.open{display:flex}body:has(#page-play:not([hidden])) .nav .menu{margin-left:auto}body:has(#page-play:not([hidden])) .language-picker{order:0}body:has(#page-play:not([hidden])) .nav .submenu{max-height:50vh;overflow:auto}#page-play .hub-mega-row{min-height:60px}#page-play .hub-mega-trigger:before,#page-play .hub-mega-contact:before{font-size:22px;margin-right:8px}#page-play .hub-mega-trigger,#page-play .hub-mega-contact{font-size:13px}#page-play .hub-top-search{width:100%;height:58px}#page-play .hub-top-search button{padding:8px 22px}#page-play .hub-feature-title{padding:0 8px}#page-play .hub-feature-title h1{font-size:clamp(42px,9vw,65px);line-height:1.02}#page-play .hub-feature-title .eyebrow{font-size:10px;letter-spacing:.26em}#page-play .hub-feature-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}#page-play .hub-feature-links a{min-height:210px}#page-play .hub-feature-strip{padding:30px 0 38px;background-position:65% top}#page-play .hub-feature-title p{font-size:16px;max-width:90%}}
@media(prefers-reduced-motion:reduce){#page-play .hub-feature-links a{transition:none}}
body:has(#page-play:not([hidden])) .nav{--control-height:47px;--utility-width:130px}
body.light-mode #page-play .hub-feature-title h1{color:#231c14}
body.light-mode #page-play .hub-feature-title p{color:#443521}
body.light-mode #page-play .hub-feature-links a{background:linear-gradient(135deg,#f8efdf,#e5cfa7)}
/* Preserve the artwork's dark detail instead of screening it into pale cards. */
body.light-mode #page-play .hub-feature-links img{
  mix-blend-mode:normal;
  background:#151109;
  border:1px solid #a68142;
  border-radius:10px;
  box-shadow:0 4px 10px #60401526;
  filter:contrast(1.08) saturate(1.08);
}
body.light-mode #page-play .hub-feature-links a{
  border-color:#af8544;
  box-shadow:0 3px 12px #60401512,inset 0 1px 0 #fff9;
}
body.light-mode #page-play .hub-feature-links a:hover{
  border-color:#76521e;
}
body.light-mode #page-play .hub-top-search{background:#fffaf2}
body.light-mode #page-play .hub-top-search input{color:#231c14}
body.light-mode:has(#page-play:not([hidden])) header{background-color:#f4e8d4}
body.light-mode:has(#page-play:not([hidden])) .nav .nav-group>.nav-drop,body.light-mode:has(#page-play:not([hidden])) .nav .queens-tab{color:#533a17!important}
body.light-mode:has(#page-play:not([hidden])) .search-open,body.light-mode:has(#page-play:not([hidden])) .theme-toggle,body.light-mode:has(#page-play:not([hidden])) #site-language{background:#fff8eb;color:#533a17}
@media(max-width:1250px) and (min-width:901px){body:has(#page-play:not([hidden])) .nav{--utility-width:106px;gap:9px}body:has(#page-play:not([hidden])) .brand img{width:118px}}
@media(max-width:800px){body:has(#page-play:not([hidden])) .nav{--utility-width:100px}body:has(#page-play:not([hidden])) .brand img{width:105px;height:60px}body:has(#page-play:not([hidden])) .theme-toggle{font-size:11px;padding:4px}body:has(#page-play:not([hidden])) .language-picker select{font-size:11px}}
@media(max-width:390px){body:has(#page-play:not([hidden])) .nav{--utility-width:84px;gap:6px}body:has(#page-play:not([hidden])) .brand img{width:88px}body:has(#page-play:not([hidden])) .nav .menu{padding:5px 8px}}

/* Ivory and gold reference theme; shared geometry carries through both modes. */
#page-play .hub-offers-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:14px;
  margin-top:22px;padding:12px 38px;min-height:48px;border:1px solid #bc8737;
  border-radius:28px;background:linear-gradient(120deg,#f8dfaa,#bc8737);
  color:#21190e;font-size:15px;font-weight:700;letter-spacing:.03em;text-decoration:none;
}
#page-play .hub-offers-cta:hover{filter:brightness(1.08)}
#page-play .hub-feature-links{margin-top:23px}
#page-play .hub-feature-links a{min-height:234px}
#page-play .hub-feature-title h1{font-family:Georgia,'Times New Roman',serif}
#page-play .hub-subnav .hub-subnav-inner{justify-content:space-between}
body.light-mode #page-play{background:#fcfaf6;color:#241e16}
body.light-mode:has(#page-play:not([hidden])) header{
  background:#fcfaf7;
  border-color:#dfc79f;
}
body.light-mode:has(#page-play:not([hidden])) .nav .links .division-tab,
body.light-mode:has(#page-play:not([hidden])) .nav .nav-group>.nav-drop{
  color:#211c16!important;background:#fffaf5c9;border-color:#eadbc4!important;
}
body.light-mode:has(#page-play:not([hidden])) .nav .links .play-tab{
  background:linear-gradient(120deg,#f3d59c,#ebc580)!important;color:#21190e!important;
}
body.light-mode:has(#page-play:not([hidden])) .search-open,
body.light-mode:has(#page-play:not([hidden])) .theme-toggle,
body.light-mode:has(#page-play:not([hidden])) #site-language{background:#fffdf9de;border-color:#eadbc4;color:#342a1d}
body.light-mode #page-play .hub-mega-bar{background:#fdfbf8;border-color:#e4d2b4}
body.light-mode #page-play .hub-mega-trigger,
body.light-mode #page-play .hub-mega-contact{color:#211e19;border-color:#eddfca}
body.light-mode #page-play .hub-mega-trigger:before,
body.light-mode #page-play .hub-mega-contact:before{color:#a5742f}
body.light-mode #page-play .hub-mega-panel{background:#fffdf8;border-color:#dfc79f;box-shadow:0 18px 35px #61451e24}
body.light-mode #page-play .hub-mega-panel a{color:#34291c}
body.light-mode #page-play .hub-subnav{background:radial-gradient(ellipse at bottom right,#eed7b16b,transparent 55%),#fdfbf8;border-color:#e4d2b4}
body.light-mode #page-play .hub-subnav .hub-subnav-inner a{color:#211e19}
body.light-mode #page-play .hub-subnav .hub-subnav-inner a:first-child{background:linear-gradient(#f8e6c4,#f3d6a0);border-color:#d3a255;box-shadow:0 6px 20px #b8862920}
body.light-mode #page-play .hub-top-search{background:#fffdf8d9;border:1px solid #d6aa63;box-shadow:inset 0 0 0 4px #fff,0 8px 22px #ba88351a;border-radius:36px}
body.light-mode #page-play .hub-top-search:before{color:#9d6c25}
body.light-mode #page-play .hub-top-search input::placeholder{color:#85817c}
body.light-mode #page-play .hub-feature-strip{
  background:linear-gradient(90deg,#fcfaf6 0%,#fcfaf6f5 35%,#fcfaf600 65%),url('/assets/affiliate-hub/crown-ivory.webp') right top/auto 390px no-repeat,#faf5e9;
  color:#211b13;padding-top:32px;
}
body.light-mode #page-play .hub-feature-title h1{color:#15120d}
body.light-mode #page-play .hub-feature-title h1 em{background:linear-gradient(110deg,#d5a65c,#b57c2c);background-clip:text;-webkit-text-fill-color:transparent}
body.light-mode #page-play .hub-feature-title .eyebrow{color:#b77b28}
body.light-mode #page-play .hub-feature-title p{color:#66615b}
body.light-mode #page-play .hub-feature-links a{background:linear-gradient(140deg,#fffdf8,#faf5ed);color:#211b13;border-color:#d3a255;border-radius:15px;box-shadow:0 5px 14px #9d6a1612}
body.light-mode #page-play .hub-feature-links img{background:transparent;border:0;border-radius:0;box-shadow:none;filter:none;mix-blend-mode:multiply;width:169px;height:120px;max-width:100%;object-fit:contain}
body.light-mode #page-play .hub-feature-links i{background:linear-gradient(130deg,#d9b86e,#a7752e);border-color:#d6b36e;color:#fffdf5;width:46px;height:46px}
body.light-mode #page-play .hub-feature-links a:nth-child(1) img{content:url('/assets/affiliate-hub/casinos-ivory.webp')}
body.light-mode #page-play .hub-feature-links a:nth-child(2) img{content:url('/assets/affiliate-hub/bonuses-ivory.webp')}
body.light-mode #page-play .hub-feature-links a:nth-child(3) img{content:url('/assets/affiliate-hub/games-ivory.webp')}
body.light-mode #page-play .hub-feature-links a:nth-child(4) img{content:url('/assets/affiliate-hub/new-ivory.webp')}
body.light-mode #page-play .hub-feature-links a:nth-child(5) img{content:url('/assets/affiliate-hub/ratings-ivory.webp')}
body.light-mode #page-play .hub-feature-links a:nth-child(6) img{content:url('/assets/affiliate-hub/reviews-ivory.webp')}
body.light-mode #page-play .hub-feature-links a:nth-child(7) img{content:url('/assets/affiliate-hub/safety-ivory.webp')}
body.light-mode #page-play a:focus-visible,body.light-mode #page-play button:focus-visible{outline-color:#96621f}
/* Continue each palette through the rest of the hub. */
body.light-mode #page-play .hub-method,body.light-mode #page-play .hub-trust{background:#f2e9da;color:#282017}
body.light-mode #page-play .hub-method-grid p,body.light-mode #page-play .hub-trust-list span,body.light-mode #page-play .hub-method-points b{color:#625442}
body.light-mode #page-play .hub-trust-list b{color:#8b6127}
body:not(.light-mode) #page-play :is(.hub-recommended,.hub-categories,.hub-games-section,.hub-voices,.hub-new,.hub-bonus-section,.hub-platform,.hub-community,.hub-data){background:#11100d;color:#f6efdf}
body:not(.light-mode) #page-play :is(.hub-mini-card,.hub-info-card,.hub-category-grid>a,.hub-category-grid>div,.hub-stat,.hub-directory-controls input,.hub-directory-controls select){background:#1e1a13;color:#f6efdf;border-color:#70572e}
body:not(.light-mode) #page-play :is(.hub-info-card h3,.hub-tab-buttons button,.hub-tab-buttons button.active){color:#efdbb3}
body:not(.light-mode) #page-play :is(.hub-info-card p,.hub-category-grid small,.hub-stat small,.hub-stat em,.hub-mini-note,.hub-preview-note){color:#c4b69e}
@media(max-width:900px){
  body.light-mode #page-play .hub-feature-strip{background-size:auto,auto 360px;background-position:center,75% top}
  body.light-mode #page-play .hub-feature-title{background:linear-gradient(90deg,#fcfaf6f2,#fcfaf6bc 75%,transparent);border-radius:12px;padding:16px}
}
@media(max-width:480px){
  #page-play .hub-feature-links a{min-height:224px}
  #page-play .hub-feature-links span{font-size:20px}
  #page-play .hub-offers-cta{padding-inline:24px;font-size:13px}
}

/* Player Hub casino review */
.betanything-review{box-sizing:border-box;line-height:1.7;overscroll-behavior:contain}
.betanything-review h2{padding-right:30px;line-height:1.15;margin-bottom:12px}
.betanything-review .hub-review-intro{font:italic 21px/1.5 Georgia,serif;color:#715321}
.betanything-review .hub-review-source{border-left:3px solid #b38b49;padding:12px 18px;background:#efe7d8;font-size:13px}
.betanything-review .hub-pills{flex-wrap:wrap}
.betanything-review ul{padding-left:22px}
.betanything-review li+li{margin-top:10px}
.betanything-review a{color:#76551f;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.betanything-review .hub-review-restrictions{border-block:1px solid #d5c3a6;padding:16px 0;margin-top:22px}
.betanything-review summary{cursor:pointer;font-weight:700}
.betanything-review .hub-operator-note{margin-top:26px;font-size:13px}
.betanything-review :focus-visible{outline:2px solid #94702e;outline-offset:4px}
@media(max-width:600px){.betanything-review .hub-detail-grid{grid-template-columns:1fr}.betanything-review h2{font-size:29px}}
