@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap');
:root{--bg:#090909;--panel:#111111;--panel2:#171512;--gold:#e7bd55;--gold2:#ffe7a0;--line:#745b28;--muted:#b8b2a4;--white:#f7f3e9;--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:10px;z-index:99}.skip-link:focus{left:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(8,8,8,.97);border-bottom:1px solid var(--line);box-shadow:0 5px 24px #0009}.header-inner{max-width:var(--max);margin:auto;min-height:76px;padding:8px 26px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;flex:0 0 230px}.brand img{display:block;width:100%;height:auto;max-height:54px;object-fit:contain}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(13px,2vw,30px);flex:1}.main-nav a{font-size:13px;font-weight:600;color:#e7e2d8;white-space:nowrap;padding:10px 0;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--gold2)}.main-nav a.active:after{content:"";height:2px;background:var(--gold);position:absolute;left:0;right:0;bottom:0}.header-cta,.gold-button{background:linear-gradient(135deg,#fff0b4,#d6a43c 55%,#f8d978);color:#171006;padding:10px 17px;border-radius:7px;font-weight:800;white-space:nowrap;box-shadow:0 0 15px #e9bd4c22}.header-cta span{padding-left:8px}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:6px;padding:9px}.menu-toggle span{display:block;width:20px;height:2px;background:var(--gold2);margin:4px}
.hero{max-width:var(--max);margin:0 auto;min-height:300px;position:relative;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 70% 45%,#5b3c12 0,#17110a 35%,#080808 75%)}.hero-art{position:absolute;inset:0 auto 0 0;width:48%;background-image:radial-gradient(ellipse at 70% 45%,#5b3c12 0,transparent 65%);background-size:cover;background-position:center 36%;opacity:.9}.hero-content{position:relative;z-index:1;width:60%;margin-left:auto;padding:36px 5% 30px 0;text-align:center}.eyebrow{color:var(--gold2);font-size:11px;letter-spacing:3px;font-weight:700;margin:0 0 13px}.eyebrow span{display:inline-block;width:25px;height:1px;background:var(--gold);vertical-align:middle;margin:0 8px}.hero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,3.6vw,53px);line-height:1.06;text-transform:uppercase;letter-spacing:.4px;margin:0;color:#fff0bd;text-shadow:0 3px 20px #000}.hero h1 em{font-style:normal;color:#f7e4b0}.hero-copy{font-size:13px;color:#f1e9d7;margin:14px 0 19px}.hero-copy b{color:var(--gold);padding:0 6px}.search-form{display:flex;max-width:520px;margin:0 auto;background:#fff;border:1px solid #d8b65f;border-radius:7px;overflow:hidden;box-shadow:0 5px 22px #0008}.search-form input{min-width:0;flex:1;border:0;outline:0;padding:13px 16px;color:#171717;background:#fff}.search-form button{width:58px;border:0;background:linear-gradient(135deg,#ffedab,#d6a33b);font-size:27px;line-height:1;color:#1a1205;cursor:pointer}.search-hint{font-size:10px;color:#d4c8ad;margin:7px 0 0;min-height:15px}
.value-strip{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(5,1fr);background:linear-gradient(90deg,#0e0e0e,#1a1711,#0e0e0e);border-bottom:1px solid #4b3b1e;padding:14px 20px}.value-item{display:flex;align-items:center;justify-content:center;gap:11px;padding:4px 12px;border-right:1px solid #514326}.value-item:last-child{border:0}.value-icon{font-size:28px;color:var(--gold2);line-height:1}.value-item strong,.value-item small{display:block}.value-item strong{font-size:12px}.value-item small{font-size:10px;color:var(--muted)}
.content-layout{max-width:var(--max);margin:0 auto;padding:25px 24px 30px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr);gap:22px}.primary-column,.sidebar{min-width:0}.section-block,.side-panel{margin-bottom:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.section-heading>div{display:flex;align-items:center;gap:12px}.section-mark{font-size:28px;color:var(--gold);line-height:1}.section-heading h2,.side-heading h2{font-family:'Playfair Display',Georgia,serif;font-size:21px;line-height:1.2;margin:0;color:#f7e6b7}.section-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}.text-link{color:var(--gold2);font-size:11px;font-weight:700;white-space:nowrap}.text-link span{font-size:17px;padding-left:5px}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.brand-card{min-width:0;border:1px solid #8a6a2e;border-radius:9px;background:linear-gradient(145deg,#1b1b1b,#090909);padding:16px 9px 10px;text-align:center;box-shadow:inset 0 0 18px #e7b9490b;transition:.2s}.brand-card:hover,.directory-card:hover{transform:translateY(-3px);border-color:var(--gold2)}.brand-word{height:35px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;letter-spacing:-.7px;white-space:nowrap}.joker{font-style:italic;color:#f5df9d}.playtech{color:#d5e4ff;font-size:14px}.evolution{font-family:Georgia,serif;font-size:18px}.pragmatic{font-size:12px}.pragmatic span{color:var(--gold);margin-left:3px}.habanero{font-size:13px;color:#f1d28b}.tag{display:block;color:#b7a57b;font-size:9px;margin:5px 0 10px}.brand-card>a{display:block;border-radius:5px;background:linear-gradient(135deg,#ffe9a0,#d5a23b);color:#1a1206;font-size:10px;font-weight:800;padding:7px}.brand-card>a b{padding-left:5px}
.directory-section{border:1px solid #57431f;border-radius:10px;padding:17px;background:linear-gradient(135deg,#14120e,#090909)}.directory-count{font-size:10px;color:var(--gold2);border:1px solid #665025;border-radius:20px;padding:5px 10px}.alphabet{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0}.letter{border:1px solid #544322;color:#ddd2b5;background:#171510;border-radius:4px;min-width:27px;padding:5px 7px;font-size:10px;cursor:pointer}.letter:hover,.letter.active{background:linear-gradient(135deg,#ffe9a0,#d5a23b);color:#171006;border-color:#f4d77c;font-weight:800}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.directory-card{border:1px solid #695226;background:#0b0b0b;border-radius:6px;padding:12px;display:flex;flex-direction:column;min-height:100px;transition:.2s}.directory-card strong{font-size:12px;color:#f5d985}.directory-card small{font-size:9px;color:#aaa18d;margin:6px 0 9px}.directory-card a{font-size:10px;color:var(--gold2);font-weight:700;margin-top:auto}.review-note,.table-note{font-size:10px;color:#a9a08d;line-height:1.6;margin:12px 0 0}.empty-state{color:#f2d78e;font-size:12px}
.promo-panel{border:1px solid #8b6a2d;border-radius:10px;background:linear-gradient(135deg,#17130c,#090909);padding:15px}.promo-intro{display:flex;gap:13px;align-items:center;margin-bottom:13px}.gift-icon{width:48px;height:48px;border:1px solid #977332;border-radius:8px;display:grid;place-items:center;color:var(--gold2);font-size:28px;background:#21190a}.promo-intro h3{font-family:'Playfair Display',Georgia,serif;font-size:17px;margin:0;color:#f6e4b7}.promo-intro p{font-size:11px;color:var(--muted);margin:3px 0 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:510px;background:#111}th,td{text-align:left;padding:10px 11px;border:1px solid #4c3b1d;font-size:10px}th{color:#f3d98c;background:#211a0e;font-size:10px}td{color:#e9e2d3}.status{color:#e9ce7f;border:1px solid #725b2d;border-radius:20px;padding:3px 7px;font-size:9px;white-space:nowrap}.comparison-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.comparison-cards>div{border:1px solid #59451f;border-radius:8px;background:linear-gradient(145deg,#171510,#0a0a0a);padding:14px}.comparison-cards b{color:var(--gold);font-family:Georgia,serif;font-size:20px}.comparison-cards h3{font-size:12px;margin:5px 0;color:#f6e5bd}.comparison-cards p{font-size:10px;color:var(--muted);margin:0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.guide-card{border:1px solid #655027;border-radius:8px;overflow:hidden;background:#101010}.guide-art{height:105px;display:grid;place-items:center;font-family:Georgia,serif;font-size:40px;font-weight:800;color:#ffdc7e;text-shadow:0 0 20px #d59d2e;background:radial-gradient(circle at 50% 45%,#72501a,#18120a 60%,#080808)}.art-terms{font-size:32px;background:radial-gradient(circle,#54401b,#101010 65%)}.art-safety{font-size:60px;background:radial-gradient(circle,#3b321c,#101010 65%)}.guide-card>div:last-child{padding:11px}.guide-category{font-size:9px;letter-spacing:1px;color:var(--gold)}.guide-card h3{font-size:12px;line-height:1.35;margin:5px 0}.guide-card p{font-size:10px;color:var(--muted);margin:0 0 8px}.guide-card a{font-size:10px;color:var(--gold2);font-weight:700}
.sidebar{border-left:1px solid #3e321c;padding-left:20px}.side-panel{border-bottom:1px solid #45371e;padding-bottom:20px}.side-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.side-heading h2,.quick-links h2{font-family:'Playfair Display',Georgia,serif;font-size:18px;color:#f5e4b9;margin:0}.side-heading>a{font-size:10px;color:var(--gold2);white-space:nowrap}.featured-article{border:1px solid #80612a;border-radius:8px;overflow:hidden;background:#111}.article-art{height:130px;display:grid;place-items:center;color:#ffe18a;font-size:60px;font-weight:900;text-shadow:0 0 25px #f4ad2b;background:radial-gradient(circle at 50% 40%,#81541b,#211509 60%,#090909)}.article-body{padding:12px}.article-body h3{font-family:'Playfair Display',Georgia,serif;font-size:16px;line-height:1.3;margin:5px 0}.article-body p{font-size:10px;color:var(--muted);margin:0 0 10px}.article-body>a{font-size:10px;color:var(--gold2);font-weight:700}.mini-article{display:flex;gap:12px;align-items:center;padding:12px 2px;border-bottom:1px solid #302718}.mini-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border:1px solid #71562a;border-radius:6px;color:var(--gold2);font-size:19px;background:#16120a}.mini-article h3{font-size:11px;margin:0 0 3px}.mini-article small{font-size:9px;color:var(--muted)}.trust-panel>p{font-size:11px;color:var(--muted);margin:0 0 10px}.trust-link{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #2e281c}.trust-link>span{font-size:21px;color:var(--gold2);width:27px;text-align:center}.trust-link b,.trust-link small{display:block}.trust-link b{font-size:11px}.trust-link small{font-size:9px;color:var(--muted)}.trust-link i{font-style:normal;color:var(--gold);margin-left:auto}.commitment{border:1px solid #765a27;border-radius:8px;padding:16px;background:radial-gradient(ellipse at right,#30210c,#111 70%)}.commitment h2{font-family:'Playfair Display',Georgia,serif;color:#f4d986;font-size:17px;margin:5px 0}.commitment p{font-size:10px;color:#d2c8b2;margin:0}.quick-links h2{margin-bottom:12px}.quick-links>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-links a{font-size:10px;color:#cfc5b0}.quick-links a:hover{color:var(--gold2)}
.policy-band{max-width:var(--max);margin:0 auto 25px;padding:17px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-top:1px solid #6a5125;border-bottom:1px solid #6a5125;background:linear-gradient(90deg,#100e09,#1a160e,#100e09)}.policy-band article{padding:4px 12px;border-right:1px solid #4c3b1e}.policy-band article:last-child{border:0}.policy-band article>span{color:var(--gold);font-size:20px;font-family:Georgia,serif}.policy-band h2{font-family:'Playfair Display',Georgia,serif;font-size:15px;margin:4px 0;color:#f2dfa9}.policy-band p{font-size:10px;color:var(--muted);margin:0}.site-footer{border-top:1px solid #725728;background:#070707}.footer-main{max-width:var(--max);margin:auto;padding:25px 24px;display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr 1.1fr;gap:25px}.footer-brand img{width:100%;max-width:210px;height:auto;object-fit:contain}.footer-main>p{font-size:10px;color:#b7ad99;line-height:1.7;margin:0}.footer-links{display:flex;flex-direction:column;gap:7px}.footer-links b{color:var(--gold2);font-size:11px;margin-bottom:3px}.footer-links a{font-size:10px;color:#c7bdab}.footer-links a:hover{color:var(--gold2)}.footer-bottom{max-width:var(--max);margin:auto;padding:12px 24px;border-top:1px solid #292216;display:flex;justify-content:space-between;gap:15px;color:#938a78;font-size:9px}
@media(max-width:1100px){.header-inner{gap:18px}.brand{flex-basis:190px}.main-nav{gap:13px}.main-nav a{font-size:11px}.header-cta{font-size:11px;padding:9px 11px}.content-layout{grid-template-columns:minmax(0,1.5fr) minmax(270px,.85fr)}.brand-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.header-inner{min-height:65px;padding:7px 16px;gap:12px}.brand{flex:1 1 auto;max-width:205px}.brand img{max-height:46px}.menu-toggle{display:block;order:3}.header-cta{margin-left:auto;font-size:10px;padding:8px 10px}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0b0b0b;border-bottom:1px solid var(--line);padding:10px 18px 17px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{font-size:13px;padding:11px 5px;border-bottom:1px solid #282116}.main-nav a.active:after{display:none}.hero{min-height:360px;align-items:flex-end}.hero-art{width:100%;height:100%;background:radial-gradient(ellipse at 50% 20%,#3d2a0e 0,#17110a 60%,#080808 100%);background-position:center 25%;opacity:.95}.hero-content{width:100%;padding:160px 18px 22px;margin:0}.hero h1{font-size:clamp(27px,7vw,40px)}.eyebrow{font-size:9px;letter-spacing:2px}.hero-copy{font-size:11px}.search-form input{padding:12px;font-size:12px}.value-strip{grid-template-columns:repeat(2,1fr);padding:10px 12px;gap:0}.value-item{justify-content:flex-start;border-right:0;border-bottom:1px solid #342a18;padding:10px 7px}.value-item:nth-last-child(-n+1){border-bottom:0}.value-item:last-child{grid-column:span 2}.value-icon{font-size:23px}.content-layout{display:flex;flex-direction:column;padding:20px 15px;gap:0}.sidebar{border-left:0;border-top:1px solid #4c3b1e;padding:22px 0 0}.section-heading h2{font-size:19px}.brand-grid{grid-template-columns:repeat(2,1fr)}.brand-card:last-child{grid-column:span 2}.directory-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:repeat(2,1fr)}.guide-card:last-child{grid-column:span 2}.policy-band{grid-template-columns:repeat(2,1fr);padding:16px}.policy-band article:nth-child(2){border-right:0}.policy-band article{padding:7px}.footer-main{grid-template-columns:repeat(2,1fr);padding:22px 17px;gap:20px}.footer-brand{grid-column:span 2}.footer-brand img{max-width:180px}.footer-main>p{grid-column:span 2}.footer-bottom{padding:12px 17px;flex-direction:column;gap:5px}}
@media(max-width:440px){.header-cta{display:none}.brand{max-width:190px}.hero{min-height:350px}.hero-content{padding-top:150px}.hero-copy b{padding:0 2px}.value-item strong{font-size:11px}.value-item small{font-size:9px}.section-heading{align-items:flex-start}.section-heading p{max-width:250px}.text-link{font-size:10px}.brand-grid{gap:7px}.brand-card{padding:13px 7px 8px}.brand-word{font-size:15px}.directory-section{padding:12px}.directory-card{padding:10px}.comparison-cards{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.guide-card:last-child{grid-column:auto}.guide-card{display:grid;grid-template-columns:110px 1fr}.guide-art{height:100%;min-height:130px}.policy-band{grid-template-columns:1fr}.policy-band article{border-right:0;border-bottom:1px solid #3e321c;padding:10px 3px}.policy-band article:last-child{border-bottom:0}.footer-main{grid-template-columns:1fr 1fr}.footer-links:last-child{grid-column:span 2}}


/* T0PGAME featured top-five brand cards */
.top-five-grid{align-items:stretch}
.top-five-card{display:flex;flex-direction:column;justify-content:space-between;min-height:190px;padding:12px 9px 10px}
.top-five-card .brand-logo-link{display:flex;align-items:center;justify-content:center;height:112px;min-width:0;background:#080808;border-radius:6px;overflow:hidden}
.top-five-card .featured-brand-logo{display:block;width:100%;height:100%;max-height:108px;object-fit:contain;object-position:center}
.top-five-card .tag{margin:8px 0;color:#cbb77f;font-size:9px}
.top-five-card .profile-link{margin-top:auto}
@media(max-width:760px){
  .top-five-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .top-five-card{min-height:175px}
  .top-five-card .brand-logo-link{height:105px}
  .top-five-card .featured-brand-logo{max-height:100px}
}
@media(max-width:390px){
  .top-five-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Optimised Top 5 logos: fixed frame prevents mixed source dimensions */
.top-five-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.top-five-card{
  min-width:0;
  min-height:210px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  padding:12px;
  overflow:hidden;
}
.top-five-card .brand-logo-link{
  width:100%;
  height:132px;
  flex:0 0 132px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:8px;
  background:#050505;
}
.top-five-card .featured-brand-logo{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
.top-five-card .tag{
  display:block;
  margin:8px 0 5px;
  text-align:center;
  font-size:10px;
  line-height:1.3;
}
.top-five-card .profile-link{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  min-height:34px;
  margin-top:auto;
}
@media(max-width:900px){
  .top-five-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
  .top-five-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .top-five-card{min-height:190px;padding:10px}
  .top-five-card .brand-logo-link{height:118px;flex-basis:118px}
}


/* FINAL FIX: prevent global .brand-card>a button styles from enlarging logo links */
.top-five-card,
.top-five-card *{
  box-sizing:border-box;
}
.top-five-card{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.top-five-card > a.brand-logo-link{
  display:flex !important;
  width:100% !important;
  max-width:100% !important;
  height:132px !important;
  min-height:132px;
  flex:0 0 132px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:#050505 !important;
  color:inherit !important;
  overflow:hidden !important;
  border-radius:7px;
  align-items:center;
  justify-content:center;
  line-height:normal !important;
}
.top-five-card > a.brand-logo-link img.featured-brand-logo{
  display:block !important;
  position:static !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  flex:0 1 auto;
}
.top-five-card > a.profile-link{
  display:flex !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  padding:8px 6px !important;
  margin:8px 0 0 !important;
  justify-content:center;
  align-items:center;
  overflow:hidden;
}
@media(max-width:600px){
  .top-five-card > a.brand-logo-link{
    height:118px !important;
    min-height:118px;
    flex-basis:118px !important;
  }
}

/* Definitive Top 5 logo frame repair */
.top-five-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100%;
  min-width:0;
}
.top-five-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  padding:10px !important;
  box-sizing:border-box !important;
}
.top-five-card .top-five-logo-frame{
  width:100% !important;
  height:145px !important;
  min-height:145px !important;
  max-height:145px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#050505 !important;
  border:1px solid #6f5525 !important;
  border-radius:6px !important;
  box-sizing:border-box !important;
}
.top-five-card .top-five-logo-frame > a{
  all:unset !important;
  display:flex !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
}
.top-five-card .top-five-logo-frame > a > img{
  all:unset !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:94% !important;
  max-height:94% !important;
  object-fit:contain !important;
  object-position:center !important;
  flex:0 1 auto !important;
}
.top-five-card > a.profile-link{
  display:flex !important;
  width:100% !important;
  min-height:34px !important;
  margin:9px 0 0 !important;
  padding:8px 5px !important;
  box-sizing:border-box !important;
  justify-content:center !important;
  align-items:center !important;
}
.top-five-card .tag{
  display:block !important;
  text-align:center !important;
  margin:7px 0 0 !important;
}
@media(max-width:900px){
  .top-five-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:600px){
  .top-five-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .top-five-card .top-five-logo-frame{
    height:128px !important;
    min-height:128px !important;
    max-height:128px !important;
  }
}


/* T0PGAME TOP FIVE — isolated layout; no legacy .brand-card or img rules */
.t0p5-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  align-items:stretch !important;
}
.t0p5-card{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:10px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  border:1px solid #8a6a2e !important;
  border-radius:9px !important;
  background:linear-gradient(145deg,#1b1b1b,#090909) !important;
  text-align:center !important;
}
.t0p5-card .t0p5-logo-box{
  display:flex !important;
  position:relative !important;
  width:100% !important;
  height:132px !important;
  min-height:132px !important;
  max-height:132px !important;
  flex:0 0 132px !important;
  padding:5px !important;
  margin:0 !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  border-radius:5px !important;
  background:#000 !important;
}
.t0p5-card .t0p5-logo-box img{
  display:block !important;
  position:static !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:50% 50% !important;
  flex:0 0 auto !important;
  transform:none !important;
}
.t0p5-card .t0p5-label{
  display:block !important;
  margin:8px 0 !important;
  color:#d9b85f !important;
  font-size:9px !important;
  line-height:1.3 !important;
}
.t0p5-card .t0p5-link{
  display:flex !important;
  width:100% !important;
  min-height:34px !important;
  margin:auto 0 0 !important;
  padding:8px 5px !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  box-sizing:border-box !important;
  border-radius:6px !important;
  background:linear-gradient(110deg,#ffe69a,#d6a63c) !important;
  color:#17120a !important;
  font-size:10px !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
@media(max-width:900px){
  .t0p5-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:600px){
  .t0p5-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .t0p5-card .t0p5-logo-box{
    height:120px !important;
    min-height:120px !important;
    max-height:120px !important;
    flex-basis:120px !important;
  }
}


/* Homepage 93-company directory */
#directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:8px}
#directory-grid .directory-card{min-width:0;min-height:76px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px;border:1px solid rgba(202,158,65,.36);border-radius:7px;background:linear-gradient(145deg,#171717,#090909)}
#directory-grid .directory-card strong{font-size:12px;color:#f0d38c;overflow-wrap:anywhere}
#directory-grid .directory-card small{font-size:9px;line-height:1.35;color:#aaa49a}
#directory-grid .directory-card[hidden]{display:none!important}
@media(max-width:600px){#directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#directory-grid .directory-card{padding:9px}}

/* Functional Company Review Directory controls */
.company-directory-tools{display:flex;align-items:center;gap:12px;margin:16px 0 12px;flex-wrap:wrap}
.company-directory-tools input{flex:1 1 240px;min-width:0;max-width:440px;padding:12px 14px;border:1px solid rgba(214,174,83,.55);border-radius:7px;background:#101010;color:#fff;font:inherit;outline:none}
.company-directory-tools input:focus{border-color:#e3c36e;box-shadow:0 0 0 2px rgba(227,195,110,.15)}
.company-directory-tools input::placeholder{color:#918b80}
#company-directory-results{color:#d7b967;font-size:12px}
#directory-grid .directory-card[hidden]{display:none!important}
#company-directory-empty[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.alphabet .letter[aria-pressed="true"]{outline:1px solid #e0bd62}


/* T0PGAME directory filter: hidden cards must never occupy grid space. */
#directory-grid > .directory-card[hidden],
#directory-grid > .directory-card[style*="display: none"] {
  display: none !important;
}
#company-directory-empty[hidden] {
  display: none !important;
}


/* ===== T0PGAME: Free Credit & Promotions (2026 redesign) ===== */
.promo-section{max-width:var(--max);margin:0 auto;padding:44px 26px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 0%,#241a09 0,#0d0d0d 55%,#090909 85%)}
.promo-section .section-head{max-width:1120px;margin:0 auto 26px;text-align:center}
.promo-section .section-head h2{font:800 clamp(26px,3vw,38px)/1.15 'Playfair Display',Georgia,serif;color:#f7e5b5;margin:8px 0 10px}
.promo-section .section-head p{max-width:680px;margin:0 auto;color:var(--muted)}
.promo-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.promo-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(160deg,#181410 0%,#0d0d0d 70%);border:1px solid #5f4c22;border-radius:12px;padding:22px 20px 18px;box-shadow:inset 0 0 30px #e6b64a0a;transition:transform .18s ease,border-color .18s ease}
.promo-card:hover{transform:translateY(-3px);border-color:#c9a24a}
.promo-card .promo-badge{display:inline-block;align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#171006;background:linear-gradient(135deg,#fff0b4,#d6a43c 55%,#f8d978);border-radius:4px;padding:4px 9px;margin-bottom:12px}
.promo-card .promo-badge.verified-flag{background:#1d3320;color:#a8e0a0;border:1px solid #3f6a44}
.promo-card h3{font:700 20px/1.2 'Playfair Display',Georgia,serif;color:#f4dfaa;margin:0 0 6px}
.promo-card .promo-sub{font-size:13px;color:var(--muted);margin:0 0 14px}
.promo-terms{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:7px;font-size:12.5px}
.promo-terms li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #3d3216;padding-bottom:6px}
.promo-terms li span:first-child{color:#a89e89}
.promo-terms li span:last-child{color:#f0d38c;font-weight:600;text-align:right}
.promo-card .promo-note{font-size:11.5px;color:#8f8774;margin:0 0 14px}
.promo-card .promo-cta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.promo-card .promo-cta .gold-button{display:inline-block;font-size:13px}
.promo-card .promo-cta .text-link{font-size:12px;color:#ffe19a;text-decoration:underline;text-underline-offset:3px}
.promo-disclaimer{max-width:1120px;margin:22px auto 0;font-size:12px;color:#8f8774;text-align:center;line-height:1.6}
.offer-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:13px}
.offer-table th,.offer-table td{border:1px solid #4c3b20;padding:10px 12px;text-align:left;vertical-align:top}
.offer-table th{background:#14110c;color:#f1d58c;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.offer-table td{color:#d2c9b8}
.offer-table td a{color:#ffe19a;text-decoration:underline;text-underline-offset:3px}
.age-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;margin:14px auto 0;padding:12px 16px;max-width:1120px;border:1px solid #5f4c22;border-radius:10px;background:#12100c;font-size:12px;color:#c8bda5}
.age-strip .age-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:2px solid #c9a24a;color:#f7e5b5;font-weight:800;font-size:12px;flex:0 0 auto}
.age-strip a{color:#ffe19a;text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.promo-terms li{flex-direction:column;gap:2px}.promo-terms li span:last-child{text-align:left}}


/* ===== Logo-free rebuild: text wordmark & brand tiles ===== */
.brand-word{font:800 24px/1 'Playfair Display',Georgia,serif;letter-spacing:.06em;background:linear-gradient(135deg,#fff0b4,#d6a43c 55%,#f8d978);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.footer-brand .brand-word{font-size:30px;display:inline-block}
.brand-tile{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%;max-width:120px;margin:0 auto;border-radius:12px;border:1px solid #6b5626;background:radial-gradient(circle at 50% 30%,#2c2210 0,#15110a 70%);font:800 clamp(22px,3vw,34px)/1 'Playfair Display',Georgia,serif;letter-spacing:.04em;color:#f0d38c;text-shadow:0 2px 10px #000}
a.brand-tile:hover{color:#ffe7a0;border-color:#c9a24a}
a.featured-logo.brand-tile{max-width:120px}
/* Official TOPGAME logo and supplied desktop homepage banner */
.site-header .brand{flex:0 0 230px;display:flex;align-items:center;min-width:0}
.site-header .brand img{display:block;width:100%;height:58px;max-height:58px;object-fit:contain;object-position:left center}
.site-footer .footer-brand{display:block;width:100%;max-width:220px}
.site-footer .footer-brand img,.footer-logo-wrap img{display:block;width:100%;max-width:220px;height:auto;object-fit:contain;object-position:left center}
.footer-logo-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.footer-logo-wrap p{margin:0}
.home-banner-image{position:relative;width:100%;max-width:2048px;margin:0 auto;overflow:hidden;background:#050505;line-height:0}
.home-banner-image>img{display:block;width:100%;height:auto;aspect-ratio:2048/682;object-fit:cover}
.banner-hotspot{position:absolute;top:75.5%;height:14%;display:block;border-radius:12px;outline-offset:3px}
.banner-hotspot-reviews{left:5.2%;width:20.5%}
.banner-hotspot-offers{left:26.5%;width:19.5%}
.banner-hotspot:focus-visible{outline:3px solid #fff}
@media(max-width:900px){
 .site-header .brand{flex-basis:190px}
 .site-header .brand img{height:48px;max-height:48px}
}
@media(max-width:600px){
 .site-header .brand{flex-basis:170px}
 .site-header .brand img{height:43px;max-height:43px}
 .home-banner-image>img{aspect-ratio:2048/682;object-fit:cover;object-position:left center}
 .banner-hotspot{top:75%;height:15%}
 .banner-hotspot-reviews{left:5%;width:42%}
 .banner-hotspot-offers{left:48%;width:43%}
}

/* Prevent viewport overflow from legacy fixed-width sections */
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%}

/* ===== FINAL (duplicate in style.css): top-5 logo boxes — image always fully visible ===== */
.featured-logo.brand-tile,.platform-logo.brand-tile{box-sizing:border-box !important;display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;max-width:100% !important;aspect-ratio:auto !important;height:120px !important;min-height:120px !important;max-height:120px !important;padding:10px 14px !important;margin:0 auto !important;overflow:hidden !important;background:#0a0f16 !important;border:1px solid rgba(233,189,88,.45) !important;border-radius:10px !important;line-height:0 !important}
.featured-logo.brand-tile img,.platform-logo.brand-tile img{display:block !important;width:auto !important;height:auto !important;max-width:100% !important;max-height:100% !important;object-fit:contain !important;object-position:center center !important}
@media(max-width:1100px){.featured-logo.brand-tile,.platform-logo.brand-tile{height:104px !important;min-height:104px !important;max-height:104px !important}}
@media(max-width:640px){.featured-logo.brand-tile,.platform-logo.brand-tile{height:92px !important;min-height:92px !important;max-height:92px !important;padding:8px 10px !important}}

/* ===== FINAL: banner hotspots aligned to the supplied banner art ===== */
.home-banner-image>img{aspect-ratio:2172/724 !important;object-fit:contain !important;object-position:center !important}
.banner-hotspot{top:75.4% !important;height:14.2% !important}
.banner-hotspot-reviews{left:5.4% !important;width:20.4% !important}
.banner-hotspot-offers{left:26.9% !important;width:19.9% !important}

/* ===== FINAL: fit 10-item nav on desktop ===== */
@media(min-width:901px){.main-nav{gap:clamp(8px,1.3vw,20px) !important}.main-nav a{font-size:12.5px !important}}

/* ===== LUXURY OFFER CARDS (matches user design sample) ===== */
.lux-head-main{margin-bottom:28px}
.lux-pill{display:inline-block;border:1px solid #c9a24a;border-radius:999px;padding:7px 20px;font-size:11px;font-weight:800;letter-spacing:.3em;color:#f7e5b5;background:linear-gradient(180deg,#241a08,#151005)}
.lux-head-main h2{font:800 clamp(28px,3.2vw,42px)/1.15 'Playfair Display',Georgia,serif;color:#f7e5b5;margin:14px 0 10px}
.lux-card{position:relative;background:linear-gradient(170deg,#1b1507 0%,#0d0a05 55%,#0a0804 100%);border:1px solid #6b5626;border-radius:14px;padding:20px 20px 16px;box-shadow:0 0 0 1px #00000090, inset 0 0 46px #e6b64a0e;transition:transform .18s ease,border-color .18s ease}
.lux-card:hover{transform:translateY(-3px);border-color:#c9a24a}
.lux-card::before{content:"";position:absolute;inset:0;border-radius:14px;background:radial-gradient(ellipse at 50% -10%,#e6b64a14,transparent 55%);pointer-events:none}
.lux-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid #3d3216}
.lux-logo{height:42px;width:auto;max-width:150px;object-fit:contain;filter:drop-shadow(0 2px 6px #000)}
.lux-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#3a1d63,#5b2d8f);color:#eadcff;border:1px solid #7a4fc0;border-radius:999px;padding:6px 13px;font-size:10.5px;font-weight:800;line-height:1.15;text-align:center;letter-spacing:.02em;flex:0 0 auto}
.lux-title{font:700 19px/1.25 'Playfair Display',Georgia,serif;color:#f7ecd2;margin:0 0 8px}
.lux-title em{color:#f4c95d;font-style:normal}
.lux-sub{font-size:12.5px;color:#b9ad93;margin:0 0 12px}
.lux-terms{list-style:none;margin:0 0 14px;padding:0}
.lux-terms li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed #3d3216;font-size:12.5px;color:#efe3c2}
.lux-terms li span:last-child{font-weight:600;color:#f0d38c;text-align:right}
.lux-k{display:flex;align-items:center;gap:8px;color:#cbbf9f;font-weight:500}
.lux-k i{font-style:normal;font-size:13px}
.lux-pending{color:#f4c95d !important;font-weight:800 !important;border:1px solid #6b5626 !important;border-radius:999px;padding:3px 11px !important;font-size:11px !important;background:#241a08}
.lux-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.lux-btn{font-size:13px !important;padding:11px 18px !important;display:inline-flex !important;align-items:center;gap:8px}
.lux-checked{font-size:11px;color:#8f8774;border-top:1px solid #3d3216;padding-top:10px;margin:0}
@media(max-width:520px){.lux-logo{height:32px}.lux-badge{font-size:9px;padding:5px 9px}}

/* ===== FINAL: professional footer ===== */
.site-footer{background:linear-gradient(180deg,#0c0a06 0%,#070503 100%) !important;border-top:1px solid #3d3216 !important}
.footer-main{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr !important;gap:32px !important}
.footer-brand-col .footer-brand img{max-width:170px !important;height:auto !important;display:block !important;margin-bottom:12px !important}
.footer-tag{font:700 15px 'Playfair Display',Georgia,serif !important;color:#f4c95d !important;margin:0 0 8px !important}
.footer-desc{font-size:12.5px !important;color:#a89e89 !important;line-height:1.6 !important;margin:0 !important;max-width:320px !important}
.footer-links b{display:block !important;font:700 13px 'Playfair Display',Georgia,serif !important;letter-spacing:.08em !important;color:#f4c95d !important;margin-bottom:12px !important}
.footer-links a{display:block !important;font-size:13px !important;color:#c9bfa8 !important;margin-bottom:8px !important;transition:color .15s ease !important}
.footer-links a:hover{color:#ffe19a !important}
.footer-bottom{border-top:1px solid #3d3216 !important;margin-top:8px !important}
@media(max-width:960px){.footer-main{grid-template-columns:1fr 1fr !important}}
@media(max-width:560px){.footer-main{grid-template-columns:1fr !important}}

/* ===== FINAL v2: bulletproof professional footer ===== */
.site-footer{display:block !important;width:100% !important}
.footer-main{display:grid !important;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr !important;width:100% !important;max-width:1400px !important;margin:0 auto !important;padding:44px 24px 30px !important;gap:34px !important;align-items:start !important}
.footer-main .footer-brand{grid-column:auto !important;width:auto !important;max-width:none !important}
.footer-main .footer-brand img{display:block !important;width:auto !important;max-width:180px !important;height:auto !important;margin-bottom:10px !important}
.footer-tagline{font:700 16px 'Playfair Display',Georgia,serif !important;color:#f4c95d !important;margin:0 0 10px !important}
.footer-about{font-size:12.5px !important;color:#a89e89 !important;line-height:1.65 !important;margin:0 !important;max-width:300px !important}
.footer-links b{display:block !important;font:700 13px 'Playfair Display',Georgia,serif !important;letter-spacing:.08em !important;color:#f4c95d !important;margin-bottom:12px !important}
.footer-links a{display:block !important;font-size:13px !important;color:#c9bfa8 !important;margin-bottom:8px !important;white-space:nowrap !important}
.footer-links a:hover{color:#ffe19a !important}
.footer-bottom{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:12px !important;width:100% !important;max-width:1400px !important;margin:0 auto !important;padding:16px 24px !important;border-top:1px solid #3d3216 !important;font-size:11px !important;color:#938a78 !important}
.age-strip{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:center !important;gap:8px 20px !important;width:calc(100% - 48px) !important;max-width:1400px !important;margin:14px auto 24px !important;padding:12px 18px !important;box-sizing:border-box !important}
.age-strip span:not(.age-badge){font-size:12px !important;flex:1 1 auto !important;text-align:center !important}
@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr !important;gap:26px !important}.footer-main .footer-brand{grid-column:1/-1 !important}.footer-links a{white-space:normal !important}}
@media(max-width:520px){.footer-main{grid-template-columns:1fr !important}.footer-bottom{flex-direction:column !important;gap:6px !important;text-align:center !important}.age-strip{flex-wrap:wrap !important}}

/* ===== FINAL: free-credit main banner ===== */
.freecredit-banner{width:min(1340px,100vw - 40px) !important;margin:22px auto 6px !important}
.freecredit-banner img{display:block !important;width:100% !important;height:auto !important;border-radius:12px !important;border:1px solid #6b5626 !important;box-shadow:0 0 0 1px #00000090, 0 18px 50px #00000070 !important}
@media(max-width:720px){.freecredit-banner{width:calc(100% - 24px) !important;margin-top:14px !important}}

/* ===== FINAL: all-brands section banner ===== */
.allbrands-banner{width:100% !important;margin:0 0 22px !important}
.allbrands-banner img{display:block !important;width:100% !important;height:auto !important;border-radius:12px !important;border:1px solid #6b5626 !important;box-shadow:0 0 0 1px #00000090 !important}

/* lux tile for brands without logos + muted badge */
.lux-tile{display:flex !important;align-items:center !important;justify-content:center !important;width:70px !important;height:44px !important;border:1px solid #6b5626 !important;border-radius:8px !important;background:radial-gradient(circle at 50% 30%,#2c2210 0,#15110a 70%) !important;font:800 17px 'Playfair Display',Georgia,serif !important;color:#f0d38c !important;letter-spacing:.04em !important}
.lux-badge.dir{background:#2a2415 !important;color:#c8b98f !important;border-color:#4a4130 !important}

/* ===== FINAL: uniform logo tiles in all lux cards ===== */
.lux-head .lux-logo{height:52px !important;width:auto !important;max-width:84px !important;object-fit:contain !important;object-position:center !important;padding:5px !important;border:1px solid #6b5626 !important;border-radius:10px !important;background:#0a0f16 !important;box-sizing:border-box !important;box-shadow:inset 0 0 14px #00000070 !important;flex:0 0 auto !important}
@media(max-width:520px){.lux-head .lux-logo{height:44px !important;max-width:72px !important;padding:4px !important}}

/* ===== FINAL: green Visit Official Website button ===== */
.visit-btn{display:inline-flex !important;align-items:center !important;gap:6px !important;font-size:12.5px !important;font-weight:700 !important;padding:11px 14px !important;border-radius:8px !important;color:#04220f !important;background:linear-gradient(135deg,#8fe7b4,#34c47a 55%,#1fa055) !important;border:1px solid #178a48 !important;text-decoration:none !important;white-space:nowrap !important;box-shadow:0 2px 10px #00000070 !important;transition:filter .15s ease !important}
.visit-btn:hover{filter:brightness(1.09) !important}
.lux-cta{flex-wrap:wrap !important;row-gap:8px !important}
@media(max-width:520px){.visit-btn{padding:10px 11px !important;font-size:11.5px !important}}

/* ===== FINAL: CTA buttons one line, equal width, no icons ===== */
.lux-cta{display:flex !important;flex-wrap:nowrap !important;gap:8px !important;align-items:stretch !important}
.lux-cta .lux-btn{flex:1 1 0 !important;justify-content:center !important;padding:11px 6px !important;font-size:12px !important;white-space:nowrap !important;min-width:0 !important}
.lux-cta .visit-btn{flex:1 1 0 !important;justify-content:center !important;padding:11px 6px !important;font-size:12px !important;white-space:nowrap !important;min-width:0 !important}
@media(max-width:520px){.lux-cta .lux-btn,.lux-cta .visit-btn{font-size:10.5px !important;padding:10px 4px !important;letter-spacing:-.01em !important}}

/* ===== FINAL: index top-5 — full button text on narrow cards ===== */
.featured-grid .lux-cta{gap:6px !important}
.featured-grid .lux-cta .lux-btn,
.featured-grid .lux-cta .visit-btn{white-space:normal !important;text-align:center !important;line-height:1.25 !important;padding:10px 6px !important;font-size:11.5px !important}
@media(max-width:520px){.featured-grid .lux-cta .lux-btn,.featured-grid .lux-cta .visit-btn{font-size:10.5px !important}}

/* ===== FINAL v2: buttons always same line, full words ===== */
.featured-grid .lux-cta{flex-wrap:nowrap !important;gap:6px !important}
.featured-grid .lux-cta .lux-btn,
.featured-grid .lux-cta .visit-btn{white-space:nowrap !important;text-align:center !important;line-height:1.1 !important;font-size:10.5px !important;padding:10px 5px !important;letter-spacing:-.02em !important}
@media(max-width:640px){
  .featured-grid{grid-template-columns:1fr !important}
  .featured-grid .lux-cta .lux-btn,
  .featured-grid .lux-cta .visit-btn{font-size:11.5px !important;padding:11px 10px !important;letter-spacing:0 !important}
}

/* ===== FINAL: directory logo tiles — visible on all backgrounds ===== */
.platform-logo{background:radial-gradient(circle at 50% 32%,#18222f 0%,#0d141d 68%,#0a0f16 100%) !important;border:1px solid #7a6430 !important;box-shadow:inset 0 0 18px #000000a0, 0 0 0 1px #00000080 !important}
.platform-logo img{padding:8px !important;filter:drop-shadow(0 2px 3px #00000090) !important}
@media(min-width:721px){.platform-logo{height:112px !important}}
@media(max-width:720px){.platform-logo{height:84px !important}.platform-logo img{padding:6px !important}}
.platform-card .platform-logo.brand-tile{background:radial-gradient(circle at 50% 32%,#18222f 0%,#0d141d 68%,#0a0f16 100%) !important;border:1px solid #7a6430 !important;box-shadow:inset 0 0 18px #000000a0, 0 0 0 1px #00000080 !important}
.platform-card .platform-logo.brand-tile img{padding:10px !important}

/* ===== FINAL: lux card logo tiles — same visibility treatment ===== */
.lux-head .lux-logo{background:radial-gradient(circle at 50% 32%,#18222f 0%,#0d141d 68%,#0a0f16 100%) !important;border:1px solid #7a6430 !important;box-shadow:inset 0 0 16px #000000a0, 0 0 0 1px #00000080 !important;padding:6px !important}

/* ===== FINAL v3: logos fully visible, never cropped ===== */
.platform-logo img{width:auto !important;height:auto !important;max-width:calc(100% - 16px) !important;max-height:calc(100% - 16px) !important;object-fit:contain !important;object-position:center !important;padding:0 !important;box-sizing:border-box !important;display:inline-block !important}
.platform-logo.brand-tile img{width:auto !important;height:auto !important;max-width:calc(100% - 20px) !important;max-height:calc(100% - 20px) !important;object-fit:contain !important;padding:0 !important;box-sizing:border-box !important;display:inline-block !important}

/* ===== FINAL: banner with real CTA buttons (new KL skyline banner) ===== */
.home-banner-image>img{aspect-ratio:1672/941 !important}
.banner-ctas{position:absolute !important;left:5% !important;bottom:6% !important;display:flex !important;gap:14px !important;z-index:2 !important}
.banner-cta{display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:14px !important;font-weight:700 !important;padding:13px 22px !important;border-radius:10px !important;text-decoration:none !important;white-space:nowrap !important;box-shadow:0 4px 18px #00000090 !important;transition:transform .15s ease, filter .15s ease !important}
.banner-cta:hover{transform:translateY(-2px) !important;filter:brightness(1.08) !important}
.green-btn{background:linear-gradient(135deg,#8fe7b4,#34c47a 55%,#1fa055) !important;color:#04220f !important;border:1px solid #178a48 !important}
@media(max-width:640px){.banner-ctas{left:50% !important;transform:translateX(-50%) !important;bottom:5% !important;gap:10px !important}.banner-cta{font-size:11.5px !important;padding:10px 14px !important}}

/* ===== FINAL: directory grid — 3 per row desktop, mobile unchanged ===== */
@media(min-width:721px){
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px !important}
  .platform-logo{height:140px !important}
  .platform-logo img{max-width:calc(100% - 20px) !important;max-height:calc(100% - 20px) !important}
}

/* ===== FINAL: uniform app-icon logo boxes on casino-reviews.html ===== */
.platform-logo,.platform-logo.brand-tile{margin:0 auto !important;border-radius:16px !important}
@media(min-width:721px){
  .platform-logo,.platform-logo.brand-tile{width:160px !important;height:160px !important}
  .platform-logo img,.platform-logo.brand-tile img{max-width:calc(100% - 20px) !important;max-height:calc(100% - 20px) !important}
}
@media(max-width:720px){
  .platform-logo,.platform-logo.brand-tile{width:110px !important;height:110px !important;border-radius:14px !important}
  .platform-logo img,.platform-logo.brand-tile img{max-width:calc(100% - 14px) !important;max-height:calc(100% - 14px) !important}
}

/* ===== FINAL: review-directory badge (blue) — distinct from offer tracker ===== */
.lux-badge.review-flag{background:linear-gradient(135deg,#1d3a63,#2d5b9a) !important;color:#d7e6ff !important;border-color:#4a7bc0 !important}
.review-card .lux-title em{color:#9fc2f2 !important}

/* ===== FINAL: gold review badge + review-card polish ===== */
.lux-badge.review-flag{background:linear-gradient(135deg,#3d2f10,#6b4f1a 55%,#8a6a24) !important;color:#ffe9b8 !important;border-color:#c9a24a !important}
.review-card .lux-title em{color:#f4c95d !important}
.review-banner{margin-top:22px !important}

/* ===== FINAL: review cards — proper dark-gold theme ===== */
.review-card{background:linear-gradient(170deg,#1b1507 0%,#0d0a05 55%,#0a0804 100%) !important;color:#efe3c2 !important;border:1px solid #6b5626 !important;box-shadow:0 0 0 1px #00000090, inset 0 0 46px #e6b64a0e !important}
.review-card::before{content:"";position:absolute;inset:0;border-radius:14px;background:radial-gradient(ellipse at 50% -10%,#e6b64a14,transparent 55%);pointer-events:none}
.review-card .lux-title{color:#f7ecd2 !important}
.review-card .lux-sub{color:#b9ad93 !important}
.review-card .lux-checked{color:#8f8774 !important;border-top-color:#3d3216 !important}
.review-card .lux-terms li{border-bottom-color:#3d3216 !important}

/* ===== FINAL: soft brand watermark inside review cards ===== */
.review-card{overflow:hidden !important}
.review-card>*{position:relative !important;z-index:1 !important}
.card-watermark{position:absolute !important;inset:0 !important;z-index:0 !important;background-position:center !important;background-repeat:no-repeat !important;background-size:58% !important;opacity:.06 !important;border-radius:14px !important;pointer-events:none !important;filter:grayscale(25%) !important}

/* ===== FINAL: gold banner hotspots (this artwork) ===== */
.home-banner-image>img{aspect-ratio:2040/680 !important}
.banner-hotspot{top:75.4% !important;height:14.2% !important}
.banner-hotspot-reviews{left:5.4% !important;width:20.4% !important}
.banner-hotspot-offers{left:26.9% !important;width:19.9% !important}

/* ===== FINAL: brand review pages ===== */
.review-hero{background:radial-gradient(ellipse at 50% 0%,#241a09 0,#0d0d0d 55%,#090909 85%);border-bottom:1px solid #3d3216;padding:44px 20px}
.review-hero-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.review-hero-logo{flex:0 0 auto;width:190px;height:190px;display:flex;align-items:center;justify-content:center;border:1px solid #7a6430;border-radius:18px;background:radial-gradient(circle at 50% 32%,#18222f 0%,#0d141d 68%,#0a0f16 100%);box-shadow:0 0 0 1px #00000090, inset 0 0 24px #000000a0;padding:18px;box-sizing:border-box}
.review-hero-logo img{max-width:100%;max-height:100%;object-fit:contain}
.review-hero-meta{flex:1 1 320px;min-width:280px}
.review-hero-meta h1{font:800 clamp(28px,3.4vw,44px)/1.1 'Playfair Display',Georgia,serif;color:#f7e5b5;margin:12px 0 10px}
.review-hero-meta p{color:#b9ad93;font-size:14px;max-width:560px}
.review-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.review-body .content-card{margin-bottom:18px}
.review-body .content-card h2{font:800 clamp(20px,2.2vw,27px)/1.2 'Playfair Display',Georgia,serif;color:#f7e5b5;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #3d3216}
.review-body .content-card p{color:#c9bfa8;font-size:14px;line-height:1.7}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pros,.cons{border:1px solid #3d3216;border-radius:12px;padding:18px 20px}
.pros{border-color:#2f5c3a;background:#0e1a12}
.cons{border-color:#5c3a3a;background:#1a0e0e}
.pros b{color:#7ee2a8;display:block;margin-bottom:10px;font-size:14px}
.cons b{color:#e88;display:block;margin-bottom:10px;font-size:14px}
.pros ul,.cons ul{margin:0;padding-left:18px}
.pros li,.cons li{font-size:13px;color:#c9bfa8;margin-bottom:8px;line-height:1.55}
.review-body details{border:1px solid #3d3216;border-radius:10px;padding:14px 18px;margin-bottom:10px;background:#0d0a06}
.review-body summary{cursor:pointer;font-weight:700;color:#f4c95d;font-size:14px}
.review-body details p{margin-top:10px}
@media(max-width:720px){.review-hero-logo{width:130px;height:130px}.pros-cons{grid-template-columns:1fr}}

/* ===== FINAL: author box + guest comments (review pages) ===== */
.author-box{display:flex !important;gap:18px !important;align-items:center !important}
.author-avatar{width:76px !important;height:76px !important;border-radius:50% !important;border:2px solid #c9a24a !important;object-fit:cover !important;box-shadow:0 0 14px #00000090 !important;flex:0 0 auto !important}
.author-name{font:700 19px 'Playfair Display',Georgia,serif !important;color:#f7ecd2 !important}
.author-name-row{display:flex !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important;margin-bottom:6px !important}
.author-verified{display:inline-block !important;font-size:10.5px !important;font-weight:800 !important;color:#a8e0a0 !important;background:#1d3320 !important;border:1px solid #3f6a44 !important;border-radius:999px !important;padding:4px 11px !important}
.author-role{font-size:10.5px !important;font-weight:800 !important;letter-spacing:.12em !important;color:#f4c95d !important;margin:0 0 8px !important}
.author-bio{font-size:13px !important;color:#b9ad93 !important;margin:0 !important;line-height:1.6 !important}
.comments h2{font:800 clamp(20px,2.2vw,26px)/1.2 'Playfair Display',Georgia,serif !important;color:#f7e5b5 !important;margin:0 0 6px !important}
.comments-sub{font-size:13px !important;color:#a89e89 !important;margin:0 0 18px !important}
.comment-form input,.comment-form textarea{width:100% !important;box-sizing:border-box !important;background:#0d0a06 !important;border:1px solid #6b5626 !important;border-radius:8px !important;color:#efe3c2 !important;font-size:13.5px !important;padding:12px 14px !important;margin-bottom:12px !important;outline:none !important}
.comment-form input:focus,.comment-form textarea:focus{border-color:#c9a24a !important}
.comment-form input::placeholder,.comment-form textarea::placeholder{color:#8f8774 !important}
.form-row{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important}
.comments-note{font-size:11.5px !important;color:#8f8774 !important;margin:2px 0 14px !important}
@media(max-width:560px){.form-row{grid-template-columns:1fr !important}.author-box{flex-direction:column !important;align-items:flex-start !important}}

/* ===== FINAL: gold frame logo box on review pages ===== */
.review-hero-logo{background:url('../assets/review-logo-frame.webp') center/contain no-repeat !important;border:none !important;box-shadow:none !important;padding:0 !important}
.review-hero-logo img{max-width:60% !important;max-height:60% !important;object-fit:contain !important}

/* ===== FINAL: provider monogram in frame ===== */
.provider-monogram{font:800 44px 'Playfair Display',Georgia,serif;color:#f0d38c;letter-spacing:.04em;text-shadow:0 2px 10px #000}

/* ===== FINAL: review-offer pages ===== */
.offer-brand-line{color:#b9ad93 !important;font-size:14px !important;margin:12px 0 4px !important}
.offer-amount{font:800 clamp(40px,5vw,64px)/1 'Playfair Display',Georgia,serif !important;color:#f4c95d !important;margin:0 0 6px !important;text-shadow:0 3px 14px #000}
.offer-amount em{font-style:normal}
.offer-amount-sub{font-size:11.5px !important;color:#8f8774 !important;margin:0 0 8px !important}
.claim-steps{margin:0;padding-left:20px}
.claim-steps li{font-size:14px;color:#c9bfa8;margin-bottom:10px;line-height:1.6}

/* ===== FINAL: soft watermark in free-credit offer cards ===== */
.promo-card.lux-card{position:relative !important;overflow:hidden !important}
.promo-card.lux-card>*{position:relative !important;z-index:1 !important}

/* ===== T0PGAME luxury page loader ===== */
.page-loader{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50% 42%,#1a1408 0%,#0a0805 55%,#050403 100%);display:flex;align-items:center;justify-content:center;transition:opacity .55s ease,visibility .55s ease}
.page-loader.loader-done{opacity:0;visibility:hidden;pointer-events:none}
.loader-inner{display:flex;flex-direction:column;align-items:center;gap:22px}



.loader-t{font:800 46px 'Playfair Display',Georgia,serif;color:#ffe8a0;text-shadow:0 2px 12px #000}
.loader-word{font:800 26px 'Playfair Display',Georgia,serif;letter-spacing:.14em;color:#f7e5b5}
.loader-bar{width:240px;height:4px;border-radius:3px;border:1px solid #5f4c22;overflow:hidden;position:relative;background:#0d0a06}
.loader-bar i{position:absolute;inset:0;width:40%;border-radius:3px;background:linear-gradient(90deg,#8a6a24,#f4c95d,#8a6a24);animation:loaderfill 1.15s ease-in-out infinite}
@keyframes loaderfill{0%{left:-45%}100%{left:105%}}
.loader-tag{font-size:9.5px;letter-spacing:.22em;color:#8f8774;font-family:'DM Sans',sans-serif}

.loader-logo{display:block;width:min(230px,64vw);height:auto}

/* ===== FINAL v2: compact right-aligned status badge ===== */
.page-updated{display:flex !important;justify-content:flex-end !important;align-items:center !important;gap:8px;font-size:11px !important;color:#a89e89 !important;background:linear-gradient(135deg,#1a1408,#100d07) !important;border:1px solid #4a3c1c !important;border-radius:999px !important;padding:6px 16px !important;margin:0 0 18px auto !important;width:fit-content !important;box-shadow:inset 0 0 12px #00000060 !important}
.page-updated a{color:#f4c95d !important;text-decoration:underline !important;text-underline-offset:2px !important}

/* ===== FINAL: homepage trust-proof + FAQ ===== */
.trust-proof{max-width:1120px;margin:40px auto 0;padding:0 20px}
.trust-stats{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 26px}
.trust-stats div{flex:1 1 140px;border:1px solid #4a3c1c;border-radius:12px;background:linear-gradient(160deg,#16110a,#0d0a06);padding:16px;text-align:center;box-shadow:inset 0 0 20px #00000050}
.trust-stats b{display:block;font:800 24px 'Playfair Display',Georgia,serif;color:#f4c95d}
.trust-stats span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#a89e89}
.faq-home{margin-top:26px}
.faq-home details{border:1px solid #3d3216;border-radius:10px;padding:14px 18px;margin-bottom:10px;background:#0d0a06}
.faq-home summary{cursor:pointer;font-weight:700;color:#f4c95d;font-size:14px}
.faq-home details p{margin-top:10px}