@font-face{font-family:"SibCor";src:url(/fonts/sibilo-cormorant-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"SibCor";src:url(/fonts/sibilo-cormorant-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"SibMan";src:url(/fonts/sibilo-manrope-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"SibMan";src:url(/fonts/sibilo-manrope-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"SibMan";src:url(/fonts/sibilo-manrope-800.woff2) format("woff2");font-weight:800;font-display:swap}
:root{--bg:#0b0605;--bg2:#140a08;--panel:#1b0d0a;--panel2:#241210;--red:#b3121f;--red2:#7d0c15;--gold:#f2c463;--gold2:#c9972f;--cream:#f6ead0;--ink:#eadbc4;--mut:#b9a07e;--line:#3a2015;--ok:#3fae6a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
 radial-gradient(1200px 500px at 80% -80px,rgba(179,18,31,.35),transparent 60%),
 radial-gradient(900px 500px at 0% 0,rgba(242,196,99,.08),transparent 55%),
 linear-gradient(180deg,var(--bg2),var(--bg) 40%);
 color:var(--ink);font-family:"SibMan",system-ui,Arial,sans-serif;font-size:16px;line-height:1.72}
a{color:var(--gold)}
img{max-width:100%;display:block}
.vf{color:#e9b35a;background:rgba(242,196,99,.1);border:1px dashed rgba(242,196,99,.4);border-radius:5px;font-size:.78em;padding:0 5px;white-space:nowrap}
.wrap{max-width:1200px;margin:0 auto;padding:0 18px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--gold);color:#1a0b06;padding:8px;z-index:99;border-radius:6px}
/* VIP topbar */
.vipbar{background:linear-gradient(90deg,#0a0403,#1c0a07,#0a0403);border-bottom:1px solid var(--line);font-size:12.5px;letter-spacing:.14em}
.vipbar .wrap{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:7px 18px;flex-wrap:wrap}
.vipbar b{color:var(--gold);font-family:"SibMan";font-weight:800}
.tiers{display:flex;gap:7px;flex-wrap:wrap}
.tiers span{padding:3px 11px;border-radius:999px;border:1px solid;font-weight:700;font-size:11px;letter-spacing:.1em}
.t-bz{color:#d9a066;border-color:#7a4a22;background:rgba(160,90,40,.12)}
.t-pr{color:#d7d7e0;border-color:#5a5a68;background:rgba(170,170,190,.1)}
.t-ou{color:#f2c463;border-color:#a67c23;background:rgba(242,196,99,.12)}
.t-di{color:#eafcff;border-color:#4aa6c0;background:rgba(120,220,255,.12)}
/* header */
header.site{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(14,6,5,.98),rgba(14,6,5,.9));border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
header.site .wrap{display:flex;align-items:center;gap:18px;padding:12px 18px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto}
.brand img{width:46px;height:46px;border-radius:12px;box-shadow:0 0 0 1px #6a4a16,0 6px 18px rgba(0,0,0,.6)}
.brand .nm{font-family:"SibCor";font-weight:700;font-size:28px;line-height:1;background:linear-gradient(180deg,#fbe6ab,#d9a63e);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand .tg{display:block;font-size:10px;letter-spacing:.34em;color:var(--mut);margin-top:3px}
nav.main{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
nav.main a{color:var(--ink);text-decoration:none;font-weight:700;font-size:13.5px;letter-spacing:.04em;padding:9px 12px;border-radius:9px}
nav.main a:hover,nav.main a[aria-current]{background:rgba(242,196,99,.12);color:var(--gold)}
.cta{display:inline-flex;align-items:center;gap:7px;font-weight:800;text-decoration:none;border-radius:999px;padding:11px 20px;
 color:#2a0d05;background:linear-gradient(180deg,#ffd87a,#d99a2e);background:linear-gradient(180deg,#ffd87a,#d99a2e);
 box-shadow:0 6px 18px rgba(179,18,31,.5),inset 0 1px 0 rgba(255,255,255,.5);border:1px solid #7d5a14;white-space:nowrap}
.cta:hover{filter:brightness(1.07)}
.cta.rede{background:linear-gradient(180deg,#e23a46,#9c0d18);color:#fff;border-color:#5c0910;box-shadow:0 6px 16px rgba(179,18,31,.55)}
/* 18 note */
.note18{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:16px 0;font-size:12.5px;color:var(--mut)}
.b18{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#2a0d05;background:radial-gradient(circle at 30% 30%,#ffe09a,#d99a2e);border:1px solid #7d5a14}
/* layout: content + sidebar */
.cols{display:grid;grid-template-columns:1fr 330px;gap:26px;align-items:start;margin:22px 0 40px}
@media(max-width:980px){.cols{grid-template-columns:1fr}}
/* hero */
.hero{position:relative;border-radius:20px;overflow:hidden;border:1px solid #512a18;background:#160a07;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.hero img.bg{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.95}
.hero .ov{position:relative;padding:44px 40px;background:linear-gradient(90deg,rgba(11,5,4,.92) 30%,rgba(11,5,4,.5) 55%,rgba(11,5,4,.05));min-height:360px;display:flex;flex-direction:column;justify-content:center}
.hero .kick{color:var(--gold);letter-spacing:.3em;font-size:12px;font-weight:800;text-transform:uppercase}
.hero h1{font-family:"SibCor";font-weight:700;font-size:clamp(34px,5vw,60px);line-height:.98;margin:10px 0 6px;
 background:linear-gradient(180deg,#fdeab0,#d49b34);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 0 rgba(0,0,0,.2)}
.hero .sub{font-size:16px;color:#f0dcbb;max-width:520px}
.hero .btns{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.hdots{display:flex;gap:7px;margin-top:18px}
.hdots i{width:9px;height:9px;border-radius:50%;background:rgba(242,196,99,.3)}
.hdots i.on{background:var(--gold);box-shadow:0 0 8px var(--gold)}
.disc{font-size:11.5px;color:var(--mut);margin-top:12px}
/* section head */
.sh{display:flex;align-items:baseline;gap:14px;margin:34px 0 14px}
.sh h2{font-family:"SibCor";font-weight:700;font-size:30px;margin:0;color:var(--gold)}
.sh .ln{flex:1;height:1px;background:linear-gradient(90deg,var(--gold2),transparent)}
.sh .mo{font-size:12px;color:var(--mut);letter-spacing:.2em;text-transform:uppercase}
/* game cards grid */
.games{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:1100px){.games{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.games{grid-template-columns:repeat(2,1fr)}}
.gc{position:relative;border-radius:16px;overflow:hidden;border:1px solid #6a3a1e;background:#140a07;
 box-shadow:0 1px 0 rgba(255,220,150,.15) inset,0 12px 26px rgba(0,0,0,.5);text-decoration:none;color:var(--ink);display:block}
.gc .fr{position:relative;aspect-ratio:3/4;overflow:hidden}
.gc .fr::after{content:"";position:absolute;inset:0;border:2px solid rgba(242,196,99,.5);border-radius:14px;margin:6px;pointer-events:none}
.gc img{width:100%;height:100%;object-fit:cover}
.gc .bd{padding:10px 12px 14px;background:linear-gradient(180deg,#1d0f0a,#140907);background:linear-gradient(180deg,#1d0f0a,#140907)}
.gc .gn{font-family:"SibCor";font-weight:700;font-size:18px;color:#fbe6ab;line-height:1.05}
.gc .meta{font-size:11.5px;color:var(--mut);margin-top:3px}
.gc .vip{display:inline-block;margin-top:8px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#2a0d05;background:linear-gradient(180deg,#ffd87a,#d99a2e);padding:3px 10px;border-radius:999px}
.badge{position:absolute;top:12px;left:12px;z-index:3;font-size:10.5px;font-weight:800;letter-spacing:.12em;padding:4px 9px;border-radius:7px;color:#fff;
 background:linear-gradient(180deg,#e23a46,#9c0d18);border:1px solid #5c0910;box-shadow:0 3px 8px rgba(0,0,0,.4)}
.badge.novo{background:linear-gradient(180deg,#3fae6a,#1d7a44);border-color:#145731}
.badge.vip{background:linear-gradient(180deg,#ffd87a,#d99a2e);color:#2a0d05;border-color:#7d5a14}
/* sidebar */
.side{display:flex;flex-direction:column;gap:18px;position:sticky;top:86px}
@media(max-width:980px){.side{position:static}}
.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.4)}
.card .hd{display:flex;align-items:center;gap:8px;justify-content:center;padding:11px;border-bottom:1px solid var(--line);
 font-family:"SibCor";font-weight:700;font-size:19px;color:var(--gold);letter-spacing:.04em;background:rgba(179,18,31,.14)}
.rank{list-style:none;margin:0;padding:6px}
.rank li{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:10px}
.rank li+li{border-top:1px solid rgba(90,45,25,.5)}
.rank .pos{width:26px;height:26px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-weight:800;font-size:13px;color:#2a0d05;background:linear-gradient(180deg,#ffe09a,#d99a2e);border:1px solid #7d5a14}
.rank li:nth-child(n+4) .pos{background:#2a1710;color:var(--mut);border-color:#50301c}
.rank .nm{font-weight:700;color:#f3e4c7;font-size:14px}
.rank .sb{font-size:11px;color:var(--mut)}
.rank .tg{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--gold)}
.promo{padding:16px;text-align:center}
.promo img{border-radius:12px;border:1px solid #6a3a1e;margin-bottom:10px}
.promo h3{font-family:"SibCor";font-weight:700;color:#fbe6ab;margin:4px 0 6px;font-size:21px}
.promo p{font-size:13px;color:var(--mut);margin:0 0 12px}
.ladder{list-style:none;margin:0;padding:8px}
.ladder li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;font-size:13.5px}
.ladder li+li{border-top:1px solid rgba(90,45,25,.5)}
.ladder .dot{width:12px;height:12px;border-radius:3px;transform:rotate(45deg);flex:0 0 auto}
.ladder b{margin-left:auto;color:var(--mut);font-weight:700;font-size:12px}
/* promo carousel strip */
.pbanners{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 10px}
@media(max-width:760px){.pbanners{grid-template-columns:1fr}}
.pb{position:relative;border-radius:14px;overflow:hidden;border:1px solid #6a3a1e;min-height:150px;display:flex;align-items:center}
.pb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pb .t{position:relative;padding:18px;background:linear-gradient(90deg,rgba(11,5,4,.9),rgba(11,5,4,.2));width:100%}
.pb .t b{font-family:"SibCor";font-weight:700;color:#fbe6ab;font-size:20px;display:block;line-height:1.05}
.pb .t span{font-size:12px;color:#e7d3b1}
/* content article */
.prose{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:30px 34px;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.prose h1{font-family:"SibCor";font-weight:700;font-size:clamp(28px,4vw,42px);line-height:1.02;margin:6px 0 8px;color:#fbe6ab}
.prose .kick{color:var(--gold);letter-spacing:.26em;font-size:11.5px;font-weight:800;text-transform:uppercase}
.prose .lead{font-size:18px;color:#f0dcbb;margin:12px 0 18px}
.prose figure{margin:18px 0;border-radius:14px;overflow:hidden;border:1px solid #6a3a1e}
.prose figcaption{font-size:12px;color:var(--mut);padding:8px 12px;background:var(--panel)}
.prose h2{font-family:"SibCor";font-weight:700;color:var(--gold);font-size:25px;margin:26px 0 8px}
.prose p,.prose li{color:#e6d6bd}
.prose a{color:#ffd87a}
.tbl{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.tbl th,.tbl td{border:1px solid var(--line);padding:9px 11px;text-align:left}
.tbl th{background:rgba(179,18,31,.18);color:var(--gold)}
.tbl tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.tip{background:rgba(242,196,99,.1);border:1px solid rgba(242,196,99,.4);border-left:4px solid var(--gold);border-radius:10px;padding:12px 16px;margin:18px 0;color:#f3e4c7}
.tip b{color:var(--gold);display:block;margin-bottom:3px}
.steps,.gloss{margin:10px 0}
.steps li{margin:8px 0}
.gloss dt{font-family:"SibCor";font-weight:700;color:var(--gold);font-size:18px;margin-top:12px}
.gloss dd{margin:2px 0 0;color:#e6d6bd}
.faqitem{border:1px solid var(--line);border-radius:12px;margin:10px 0;overflow:hidden;background:var(--panel)}
.faqitem summary{cursor:pointer;padding:14px 16px;font-weight:700;color:#fbe6ab;list-style:none}
.faqitem summary::-webkit-details-marker{display:none}
.faqitem summary::before{content:"+";color:var(--gold);font-weight:800;margin-right:10px}
.faqitem[open] summary::before{content:"\2013"}
.faqitem .a{padding:0 16px 14px;color:#e6d6bd}
.bc{font-size:12.5px;color:var(--mut);margin:4px 0 14px}
.bc a{color:var(--gold);text-decoration:none}
/* reviews hub tier cards */
.tiergrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:14px 0}
.vipcard{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:9px;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.vipcard .top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.vipcard .seal{width:40px;height:40px;border-radius:9px;object-fit:cover;border:1px solid #6a3a1e;background:#1a0d08}
.vipcard .nm{font-family:"SibCor";font-weight:700;font-size:20px;color:#fbe6ab;line-height:1}
.vipcard .host{font-size:11.5px;color:var(--mut);word-break:break-all}
.lvl{font-size:11px;font-weight:800;letter-spacing:.1em;padding:3px 10px;border-radius:999px;border:1px solid}
.vipcard p{font-size:13px;color:#d9c7a9;margin:0}
.vipcard .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.vipcard .acts a{font-size:12.5px;padding:8px 13px}
.lnk{color:var(--gold);text-decoration:none;font-weight:700;font-size:13px}
.ghost{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:700;font-size:12.5px;padding:8px 13px;border-radius:999px;border:1px solid #6a3a1e;color:#f3e4c7}
.ghost:hover{border-color:var(--gold);color:var(--gold)}
.tierhead{display:flex;align-items:center;gap:10px;margin:26px 0 6px}
.tierhead h2{font-family:"SibCor";font-weight:700;color:var(--gold);margin:0;font-size:24px}
.tierhead .ln{flex:1;height:1px;background:linear-gradient(90deg,var(--gold2),transparent)}
.rechub{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:10px 0;font-size:13px;color:var(--mut)}
.recbtn{display:flex;justify-content:center;margin:16px 0}
/* footer */
footer.site{border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(179,18,31,.08));margin-top:30px}
footer.site .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px;padding:32px 18px}
@media(max-width:760px){footer.site .wrap{grid-template-columns:1fr}}
footer h4{color:var(--gold);font-family:"SibCor";font-weight:700;margin:0 0 8px;font-size:18px}
footer a{display:block;color:var(--ink);text-decoration:none;font-size:13.5px;padding:3px 0}
footer a:hover{color:var(--gold)}
footer .fin{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--mut)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.chips span{font-size:11px;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:4px 11px}
/* mobile header fixes */
@media(max-width:760px){
 header.site .wrap{flex-wrap:wrap;gap:10px;padding:10px 14px}
 .brand{flex:1 1 auto}
 header.site .cta{order:2;padding:9px 15px;font-size:13px}
 nav.main{order:3;flex-basis:100%;margin-left:0;flex-wrap:nowrap;overflow-x:auto;gap:2px;-webkit-overflow-scrolling:touch;padding-bottom:3px;border-top:1px solid var(--line);padding-top:8px}
 nav.main a{white-space:nowrap;padding:7px 11px;font-size:13px}
 .vipbar .wrap{justify-content:center;gap:8px;font-size:11px}
 .hero .ov{padding:28px 22px;min-height:300px}
 .prose{padding:22px 18px}
}