:root{
  --bg:#07130c; --bg2:#0b1f13; --panel:#0e2417; --panel2:#123a22;
  --gold:#d4af37; --gold2:#f5d76e; --green:#1db954; --text:#e8e6e3; --muted:#9db3a4; --danger:#e74c3c;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',system-ui,sans-serif;}
body{background:var(--bg);color:var(--text);line-height:1.6;}
h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;}
img{max-width:100%;}
a{color:var(--gold2);}
.container{max-width:1150px;margin:0 auto;padding:0 22px;}
section{padding:56px 0;}
.sec-head{text-align:center;margin-bottom:40px;}
.sec-head .kicker{color:var(--green);letter-spacing:3px;font-size:.75rem;text-transform:uppercase;}
.sec-head h2{font-size:2rem;color:var(--gold);margin:8px 0 10px;}
.sec-head p{color:var(--muted);max-width:620px;margin:0 auto;}
/* ---------- Header ---------- */
header{position:sticky;top:0;z-index:60;background:rgba(7,19,12,.94);backdrop-filter:blur(10px);border-bottom:2px solid var(--gold);}
.hwrap{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;max-width:1250px;margin:0 auto;flex-wrap:wrap;gap:10px;}
.logo{font-size:1.4rem;font-weight:900;color:var(--gold);letter-spacing:1px;text-decoration:none;}
.logo small{display:block;font-size:.58rem;color:var(--muted);letter-spacing:3px;font-family:'Segoe UI',sans-serif;}
nav.mainnav{display:flex;gap:4px;flex-wrap:wrap;}
nav.mainnav a{color:var(--muted);text-decoration:none;font-size:.88rem;padding:7px 11px;border-radius:8px;transition:.2s;}
nav.mainnav a:hover{color:var(--gold2);background:rgba(212,175,55,.08);}
nav.mainnav a.active{color:var(--gold);background:rgba(212,175,55,.14);}
.burger{display:none;background:none;border:1px solid var(--gold);color:var(--gold);border-radius:8px;padding:6px 12px;font-size:1.1rem;cursor:pointer;}
@media(max-width:960px){
  nav.mainnav{display:none;width:100%;flex-direction:column;}
  nav.mainnav.open{display:flex;}
  .burger{display:block;}
}
/* ---------- Buttons ---------- */
.btn{display:inline-block;padding:11px 26px;border-radius:8px;border:none;cursor:pointer;font-weight:700;font-size:.93rem;
  color:#1a1205;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 4px 14px rgba(212,175,55,.3);transition:.2s;text-decoration:none;}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,175,55,.5);}
.btn.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold);box-shadow:none;}
.btn.green{background:linear-gradient(135deg,#2ee06f,var(--green));color:#04160a;}
.btn.sm{padding:8px 18px;font-size:.82rem;}
/* ---------- Auth chips ---------- */
.chip{display:inline-flex;align-items:center;gap:8px;background:rgba(212,175,55,.12);border:1px solid var(--gold);padding:6px 14px;border-radius:99px;font-size:.85rem;color:var(--gold2);}
.wallet{background:rgba(29,185,84,.15);border:1px solid var(--green);color:#7ee2a8;padding:6px 12px;border-radius:99px;font-size:.8rem;font-weight:700;}
/* ---------- Hero ---------- */
.hero{text-align:center;padding:80px 20px 60px;
  background:radial-gradient(ellipse at top,rgba(29,185,84,.15),transparent 60%),radial-gradient(ellipse at bottom,rgba(212,175,55,.12),transparent 60%);}
.badge{display:inline-block;padding:6px 18px;border:1px solid var(--gold);border-radius:99px;color:var(--gold2);font-size:.78rem;letter-spacing:2px;margin-bottom:20px;}
.hero h1{font-size:clamp(2.2rem,5.5vw,3.8rem);color:var(--gold);text-shadow:0 0 40px rgba(212,175,55,.35);}
.hero h1 span{color:#fff;}
.hero p{color:var(--muted);max-width:600px;margin:16px auto 28px;font-size:1.03rem;}
.hero .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.stats{display:flex;gap:36px;justify-content:center;margin-top:44px;flex-wrap:wrap;}
.stat b{display:block;font-size:1.8rem;color:var(--gold2);font-family:Georgia,serif;}
.stat span{color:var(--muted);font-size:.82rem;}
/* ---------- Cards / grids ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.card{background:linear-gradient(160deg,var(--panel),var(--bg2));border:1px solid rgba(212,175,55,.22);border-radius:16px;padding:26px 22px;position:relative;transition:.25s;overflow:hidden;}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);}
.card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 14px 34px rgba(0,0,0,.5);}
.card .art{font-size:3.2rem;margin-bottom:12px;filter:drop-shadow(0 6px 12px rgba(212,175,55,.3));}
.card h3{color:var(--gold2);margin-bottom:6px;font-size:1.15rem;}
.card p{color:var(--muted);font-size:.88rem;margin-bottom:14px;}
.tag{position:absolute;top:14px;right:14px;font-size:.62rem;padding:3px 10px;border-radius:99px;background:rgba(29,185,84,.2);color:#7ee2a8;border:1px solid rgba(29,185,84,.5);}
.meta{display:flex;gap:14px;color:var(--muted);font-size:.75rem;margin-bottom:14px;flex-wrap:wrap;}
.meta b{color:var(--gold2);}
/* ---------- Filter bar ---------- */
.filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:30px;}
.filters button{background:var(--panel);border:1px solid rgba(255,255,255,.12);color:var(--muted);padding:8px 20px;border-radius:99px;cursor:pointer;font-size:.85rem;transition:.2s;}
.filters button.on,.filters button:hover{border-color:var(--gold);color:var(--gold2);}
.searchbox{max-width:420px;margin:0 auto 26px;display:flex;}
.searchbox input{flex:1;padding:12px 16px;border-radius:10px 0 0 10px;border:1px solid rgba(255,255,255,.15);border-right:none;background:var(--bg2);color:var(--text);outline:none;}
.searchbox input:focus{border-color:var(--gold);}
.searchbox button{padding:0 20px;border:none;border-radius:0 10px 10px 0;background:var(--gold);color:#1a1205;font-weight:700;cursor:pointer;}
/* ---------- Countdown / promo ---------- */
.promo{background:linear-gradient(135deg,var(--panel2),var(--bg2));border:1px solid var(--gold);border-radius:20px;padding:40px 28px;text-align:center;}
.promo h2{color:var(--gold2);font-size:1.7rem;margin-bottom:8px;}
.promo p{color:var(--muted);margin-bottom:22px;}
.count{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.count div{background:var(--bg);border:1px solid rgba(212,175,55,.4);border-radius:12px;padding:12px 18px;min-width:76px;}
.count b{display:block;font-size:1.8rem;color:var(--gold);font-family:Georgia,serif;}
.count span{font-size:.7rem;color:var(--muted);letter-spacing:1px;}
/* ---------- Leaderboard ---------- */
.tabs{display:flex;gap:8px;justify-content:center;margin-bottom:24px;flex-wrap:wrap;}
.lb{background:var(--panel);border:1px solid rgba(212,175,55,.25);border-radius:16px;overflow:hidden;}
.lb-head,.lb-row{display:grid;grid-template-columns:60px 1fr 120px 110px;gap:10px;padding:13px 20px;align-items:center;}
.lb-head{background:rgba(212,175,55,.12);color:var(--gold);font-weight:700;font-size:.78rem;letter-spacing:1px;text-transform:uppercase;}
.lb-row{border-top:1px solid rgba(255,255,255,.05);font-size:.92rem;}
.lb-row:nth-child(even){background:rgba(255,255,255,.02);}
.lb-row.me{background:rgba(29,185,84,.12);border-left:3px solid var(--green);}
.lb-rank{font-weight:800;color:var(--gold);font-family:Georgia,serif;font-size:1.05rem;}
.lb-win{color:var(--gold2);font-weight:700;text-align:right;}
.lb-game{color:var(--muted);font-size:.8rem;}
@media(max-width:560px){.lb-head,.lb-row{grid-template-columns:44px 1fr 90px;}.lb-game{display:none;}}
/* ---------- VIP tiers ---------- */
.tier{text-align:center;}
.tier .lvl{font-size:2.6rem;}
.tier .perks{list-style:none;text-align:left;margin:14px 0;font-size:.85rem;color:var(--muted);}
.tier .perks li{padding:5px 0;}
.tier .perks li::before{content:'✔ ';color:var(--green);}
/* ---------- Testimonials ---------- */
.testi .stars{color:var(--gold);margin-bottom:8px;}
.testi p{color:var(--muted);font-size:.9rem;font-style:italic;margin-bottom:12px;}
.testi b{color:var(--gold2);}
/* ---------- FAQ ---------- */
.faq{max-width:760px;margin:0 auto;}
.q{background:var(--panel);border:1px solid rgba(255,255,255,.07);border-radius:12px;margin-bottom:12px;overflow:hidden;}
.q>button{width:100%;background:none;border:none;color:var(--text);text-align:left;padding:17px 22px;font-size:.98rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;}
.q>button::after{content:'+';color:var(--gold);font-size:1.3rem;flex:none;transition:.25s;}
.q.open>button::after{transform:rotate(45deg);}
.q .a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.q .a p{padding:0 22px 17px;color:var(--muted);font-size:.9rem;}
/* ---------- Forms ---------- */
.formbox{background:var(--panel);border:1px solid rgba(212,175,55,.3);border-radius:18px;padding:34px 30px;max-width:460px;margin:0 auto;}
.formbox h2{color:var(--gold);text-align:center;margin-bottom:6px;}
.formbox .sub2{text-align:center;color:var(--muted);font-size:.85rem;margin-bottom:22px;}
input,select,textarea{width:100%;padding:12px 14px;margin-bottom:14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:var(--bg);color:var(--text);font-size:.93rem;outline:none;font-family:inherit;}
input:focus,select:focus,textarea:focus{border-color:var(--gold);}
.formnote{font-size:.78rem;color:var(--muted);text-align:center;margin-top:10px;}
.merror{color:var(--danger);font-size:.82rem;text-align:center;margin-bottom:10px;display:none;}
/* ---------- Misc ---------- */
.rg{background:rgba(231,76,60,.08);border:1px solid rgba(231,76,60,.4);border-radius:14px;padding:22px;text-align:center;color:#f0b9b2;font-size:.88rem;}
.notice{background:rgba(29,185,84,.08);border:1px solid rgba(29,185,84,.35);border-radius:12px;padding:16px 20px;color:#a9e8c3;font-size:.88rem;margin-bottom:18px;}
.prose{color:var(--muted);font-size:.95rem;line-height:1.9;max-width:780px;margin:0 auto;}
.prose h3{color:var(--gold2);margin:26px 0 10px;font-family:Georgia,serif;}
.prose ul{margin:10px 0 10px 22px;}
.ratingbar{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.ratingbar .lbl{width:110px;font-size:.85rem;color:var(--muted);}
.ratingbar .bar{flex:1;height:10px;background:var(--bg);border-radius:99px;overflow:hidden;}
.ratingbar .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:99px;}
.ratingbar .val{width:44px;text-align:right;color:var(--gold2);font-weight:700;font-size:.85rem;}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
@media(max-width:640px){.proscons{grid-template-columns:1fr;}}
.pc{background:var(--panel);border-radius:14px;padding:22px;}
.pc.good{border:1px solid rgba(29,185,84,.4);}
.pc.bad{border:1px solid rgba(231,76,60,.4);}
.pc h3{font-family:'Segoe UI',sans-serif;font-size:1rem;margin-bottom:12px;}
.pc.good h3{color:#7ee2a8;}.pc.bad h3{color:#f0b9b2;}
.pc li{font-size:.88rem;color:var(--muted);margin:8px 0 8px 18px;}
/* ---------- Chat widget ---------- */
.chatfab{position:fixed;bottom:22px;right:22px;z-index:80;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;
  background:linear-gradient(135deg,var(--gold2),var(--gold));font-size:1.6rem;box-shadow:0 8px 24px rgba(212,175,55,.5);}
.chatwin{display:none;position:fixed;bottom:94px;right:22px;z-index:80;width:320px;max-width:calc(100vw - 44px);
  background:var(--bg2);border:1px solid var(--gold);border-radius:16px;overflow:hidden;flex-direction:column;box-shadow:0 18px 50px rgba(0,0,0,.6);}
.chatwin.open{display:flex;}
.chathead{background:var(--panel2);padding:14px 16px;font-weight:700;color:var(--gold2);display:flex;justify-content:space-between;}
.chathead button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.1rem;}
.chatbody{height:260px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;}
.chatmsg{max-width:82%;padding:9px 13px;border-radius:12px;font-size:.85rem;line-height:1.5;}
.chatmsg.bot{background:var(--panel);color:var(--text);border-bottom-left-radius:3px;}
.chatmsg.user{background:var(--gold);color:#1a1205;align-self:flex-end;border-bottom-right-radius:3px;}
.chatin{display:flex;border-top:1px solid rgba(255,255,255,.1);}
.chatin input{margin:0;border:none;border-radius:0;flex:1;}
.chatin button{border:none;background:var(--green);color:#04160a;font-weight:700;padding:0 16px;cursor:pointer;}
/* ---------- Modal ---------- */
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:100;align-items:center;justify-content:center;padding:20px;}
.modal.open{display:flex;}
.mbox{background:var(--bg2);border:1px solid var(--gold);border-radius:18px;padding:32px 28px;width:100%;max-width:380px;position:relative;animation:pop .25s ease;}
@keyframes pop{from{transform:scale(.92);opacity:0;}}
.mclose{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--muted);font-size:1.4rem;cursor:pointer;}
/* ---------- Footer ---------- */
footer{border-top:1px solid rgba(212,175,55,.25);padding:40px 22px 30px;background:var(--bg2);}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;max-width:1150px;margin:0 auto 26px;}
@media(max-width:760px){.fgrid{grid-template-columns:1fr 1fr;}}
.fgrid h4{color:var(--gold2);font-size:.95rem;margin-bottom:12px;}
.fgrid a{display:block;color:var(--muted);text-decoration:none;font-size:.85rem;padding:4px 0;}
.fgrid a:hover{color:var(--gold2);}
.fgrid p{color:var(--muted);font-size:.85rem;}
.copy{text-align:center;color:var(--muted);font-size:.8rem;border-top:1px solid rgba(255,255,255,.06);padding-top:20px;max-width:1150px;margin:0 auto;}
.steps{counter-reset:s;max-width:560px;margin:0 auto;}
.step{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start;}
.step::before{counter-increment:s;content:counter(s);flex:none;width:38px;height:38px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1a1205;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;}
.step div{background:var(--panel);border-radius:12px;padding:14px 18px;flex:1;}
.step b{color:var(--gold2);display:block;margin-bottom:4px;}
.step p{color:var(--muted);font-size:.87rem;}

/* Usability fixes within the original green/gold layout. */
[hidden]{display:none!important}html{scroll-padding-top:160px}body{overflow-wrap:break-word}
main>section{width:min(1150px,calc(100% - 40px));margin-inline:auto}main>section.hero{width:100%}
.sec-head h1,.page-hero h1{font-size:clamp(2rem,5vw,3rem);color:var(--gold);margin-bottom:14px}
.page-hero{text-align:center}.page-hero p{max-width:700px;margin:14px auto;color:var(--muted)}
.kicker{color:var(--green);letter-spacing:2px;text-transform:uppercase;font-size:.75rem}
.prose p{margin:0 0 18px}.prose h2{color:var(--gold2);font-size:1.4rem;margin:24px 0 12px}.prose ol{padding-left:24px}
.site-status{text-align:center;padding:10px 20px;background:var(--bg2);font-size:.85rem;color:var(--muted)}
.breadcrumbs{max-width:1150px;margin:20px auto;padding:0 22px;color:var(--muted);display:flex;gap:12px;font-size:.85rem}
.skip-link{position:fixed;top:-100px;left:16px;z-index:200;padding:12px;background:var(--gold);color:var(--bg)}.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--gold2);outline-offset:4px}
.home-toc{display:flex;flex-wrap:wrap;gap:14px 22px;padding:22px;background:var(--panel);border:1px solid var(--gold);border-radius:12px;margin:28px auto;max-width:850px}.home-toc strong{width:100%}
.home-editorial{border-top:1px solid #d4af3730}.home-editorial .prose,.home-intro .prose{max-width:850px}
.availability,.status-panel,.cta-panel{border:1px solid #d4af3740;border-radius:16px;background:var(--panel);padding:28px;text-align:center;color:var(--muted)}
.availability h2,.status-panel h2{color:var(--gold2);margin:8px 0 14px}.availability p{max-width:680px;margin:12px auto 20px}
.actions,.home-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px;justify-content:center}
.split-panel{display:grid;grid-template-columns:2fr 1fr;gap:28px;align-items:start}
.card-index{display:block;color:var(--green);font-size:.8rem;margin-bottom:14px}.category-card h2{font-size:1.4rem;color:var(--gold2);margin-bottom:12px}.category-top{display:flex;justify-content:space-between;gap:10px}.pill{font-size:.7rem;color:var(--muted)}
.faq-list,.home-faq{max-width:850px;margin:auto}details{background:var(--panel);border:1px solid #d4af3730;border-radius:12px;padding:18px 22px;margin-bottom:12px}summary{cursor:pointer;color:var(--gold2);font-weight:600}details p,.answer{color:var(--muted);margin-top:14px}
.card details{padding:12px;margin-top:18px}.card:hover{transform:none}
.library-controls{max-width:950px;margin:0 auto 28px}.input-wrap{display:flex;align-items:center;gap:12px}.input-wrap input{margin:0;min-width:0}.search-field label{display:block;margin-bottom:8px}.clear-search,.filter{border:1px solid #d4af3750;border-radius:8px;background:var(--panel);color:var(--text);padding:10px 14px;min-height:44px;cursor:pointer}.filter-group{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.filter.active{background:var(--gold);color:var(--bg)}#result-count{color:var(--muted);font-size:.9rem}.no-results{text-align:center;padding:30px}
.sitemap-list{max-width:850px;margin:auto;display:grid;gap:12px}.sitemap-list a{display:flex;justify-content:space-between;border-bottom:1px solid #d4af3730;padding:14px}
.btn,.burger,summary{min-height:44px}nav.mainnav a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:960px){.js nav.mainnav{display:none}.js nav.mainnav.open{display:flex}html:not(.js) nav.mainnav{display:flex}.hwrap{gap:12px}.auth-area{margin-left:auto}}
@media(max-width:640px){.split-panel{grid-template-columns:1fr}.appbox{grid-template-columns:1fr!important;padding:24px!important}.grid{grid-template-columns:1fr}.hero{padding-top:40px!important}.hero h1{font-size:2.2rem}.stats{gap:20px}.fgrid{grid-template-columns:1fr 1fr}.btns .btn{width:100%}section{padding-block:38px}.home-toc{padding:18px}}
@media(max-width:380px){.fgrid{grid-template-columns:1fr}.logo{font-size:1.2rem}.auth-area .btn{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Game-category illustrations */
.category-image{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:10px;margin-bottom:20px;background:#0b1914}