/* BASE */
body{font:500 16px/1.5 var(--font-b, "Open Sans", sans-serif);color:var(--text);background:var(--bg);padding-left:0}
h1,
h2,
h3{color:#27244F;font-weight:700;letter-spacing:0}
h1{font-size:30px;line-height:1.2}
h2{font-size:22px;line-height:1.3}
h3{font-size:18px;line-height:1.4}
a{color:var(--primary)}
p{margin-bottom:1rem}
/* HEADER */
.site-header{position:sticky;top:0;z-index:104;background:var(--header-bg);backdrop-filter:none;border:0;box-shadow:0 4px 10px rgba(55, 0, 65, 0.18);margin-left:0;padding-left:0}
.header-inner{max-width:none;min-height:56px;padding:0 12px;gap:8px;display:flex;align-items:center;justify-content:space-between}
.header-left{display:flex;align-items:center;gap:15px;min-width:0}
.header-cta{display:flex;align-items:center;gap:12px;margin-left:auto}
.logo img{max-height:28px;width:auto}
.support-link{display:flex;align-items:center;gap:6px;color:#FFFFFF;font-weight:600;text-decoration:none}
.support-link:hover{color:#F7C4E2}
/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:800px;font:700 16px/1.2 var(--font-b, "Open Sans", sans-serif);padding:7px 14px;border:1px solid #DCD8F5;color:var(--primary);background:#FFFFFF;min-height:34px;text-decoration:none;text-align:center;transition:background .2s ease, box-shadow .2s ease, transform .2s ease}
.btn:hover{transform:scale(1.03)}
.btn-primary{background:linear-gradient(180deg, #E84D9B 0%, #B51B75 100%);color:#FFFFFF;border:1px solid #F17AB5;box-shadow:0 2px 6px rgba(75, 0, 75, .25)}
.btn-primary:hover{background:linear-gradient(180deg, #F15AA5 0%, #C52684 100%);color:#FFFFFF;box-shadow:0 3px 9px rgba(75, 0, 75, .30)}
.btn-missions{background:linear-gradient(180deg, #E84D9B, #B51B75);color:#FFFFFF;border:0;border-radius:12px;font-size:12px;box-shadow:0 4px 10px rgba(92, 0, 103, .20),
              inset 0 2px 4px rgba(255, 255, 255, .25)}
.btn-lg{font-size:22px;font-weight:700;padding:14px 50px;border-radius:1000px}
.btn-sm{padding:6px 14px}
/* NAVIGATION */
.main-nav a:hover,
.main-nav a[aria-current="page"]{background:var(--badge-bg);color:var(--primary)}
/* CONTENT */
.content{padding:12px 0 60px}
.container{max-width:none;padding:0 10px}
#content{max-width:1200px;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto;box-sizing:border-box}
#content .container{max-width:none;padding-left:0;padding-right:0}
.page-body p{font-size:15px;line-height:1.65;color:var(--text)}
/* HERO */
.hero{display:block;position:relative;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
.hero-inner{display:block}
.hero-text{margin-bottom:20px}
.hero .lead{font-size:16px;color:var(--text)}
.hero-media img{border-radius:0;aspect-ratio:2.6 / 1}
.hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px;margin-bottom:20px}
.hero-actions .btn{font-size:14px;padding:8px 16px;text-transform:uppercase}
.hero-actions .btn-primary{border:1px solid #F17AB5}
/* White headings only on dark hero sections */
.hero[style*="background:#"],
.hero[style*="background: #"]{color:#FFFFFF}
/* CARDS */
.card,
.faq details,
.table-wrap,
.cta-box,
.related-card,
.author-box{background:var(--surface);border-color:var(--border);border-radius:16px}
.cta-box{background:var(--surface)}
.promo-box{border-color:var(--accent)}
/* TABLES */
.table-wrap{background:#FFFFFF;border:1px solid var(--border);border-radius:16px}
th{color:#27244F;background:var(--surface-2);text-transform:none;font-size:13px;font-weight:700}
td,
th{padding:12px 14px;font-size:14px}
td{color:var(--text)}
/* FAQ */
.faq summary{color:#27244F;font-weight:600}
/* SLIDER CARDS */
.slider .card{border:1px solid var(--border);border-radius:16px;padding:16px;background:#FFFFFF}
.slider .card img{border-radius:12px;margin-bottom:12px}
.slider .card h3{font-size:16px;margin:0 0 6px;color:#27244F}
.slider .card p{font-size:14px;line-height:1.5;color:var(--text);margin:0}
/* FOOTER */
.site-footer{border-top:1px solid var(--border);padding:40px 0 24px;margin-left:0;padding-left:0}
.site-footer .container{padding-left:12px}
.footer-nav a{color:var(--primary)}
.footer-nav a:hover{color:var(--accent)}
.footer-legal{border-color:var(--border)}
.age-badge{background:var(--badge-bg);border-color:var(--muted);color:var(--text)}
.pay-icons{gap:20px}
.footer-pay{margin-top:24px}
.to-top{background:var(--primary);color:#FFFFFF}
/* GAME CAROUSEL */
[data-sec="x9blzjs9"] .gcar-media{aspect-ratio:2 / 3;height:auto;overflow:hidden;border-radius:12px}
[data-sec="x9blzjs9"] .gcar-media img{width:100%;height:100%;object-fit:cover;display:block}
[data-sec="x9blzjs9"] .gcar-card{height:auto}
/* TABLET */
@media (max-width: 980px){
body{padding-left:0}
.site-header,
  .site-footer{margin-left:0;padding-left:0}
.site-footer .container{padding-left:12px}
.nav-open .main-nav{display:block}
.header-inner{min-height:50px}
.support-link{display:none}
}
/* MOBILE */
@media (max-width: 560px){
h1{font-size:26px}
h2{font-size:20px}
h3{font-size:17px}
.header-inner{gap:6px;padding:0 10px}
.header-left{gap:8px}
.header-cta{gap:8px}
.header-cta .btn{display:inline-flex;font-size:12px;padding:6px 10px;white-space:nowrap}
.btn-missions,
  .support-link{display:none}
.btn-lg{padding:12px 30px;font-size:18px}
.hero-actions .btn{font-size:13px;padding:8px 12px}
.logo img{max-height:26px;max-width:100%}
.hero-media img{aspect-ratio:2.3 / 1}
.page-body p{font-size:14px;line-height:1.6}
#content{padding-left:12px;padding-right:12px}
td,
  th{font-size:12px;padding:9px 10px}
}
/* Footer contrast fix */
.site-footer{background:#3D0755;color:#FFFFFF}
.site-footer p,
.site-footer span,
.site-footer small,
.site-footer li,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer .footer-legal{color:#FFFFFF}
.site-footer a,
.site-footer .footer-nav a{color:#F4E9FA}
.site-footer a:hover{color:#F3A2D0}
.site-footer .age-badge{color:#FFFFFF;border-color:#B9A1C8}
.site-footer .footer-legal{border-color:rgba(255,255,255,.25)}