:root{--bg:#15132b;--bg2:#1c1938;--panel:#221f43;--panel2:#2b2752;--line:#3a3566;--text:#f4f2ff;--muted:#b7b2d9;--org:#ffb547;--org2:#f08a1c;--vio:#7c5cff;--ok:#4cd685;--bad:#ff6b7d;--r:12px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Inter Tight",system-ui,sans-serif;background:linear-gradient(180deg,#1d1940 0,#15132b 420px);color:var(--text);line-height:1.65;font-size:17px}
a{color:var(--org)}
img{max-width:100%;display:block}
h1,h2,h3,.ttl{font-family:"Archivo",sans-serif;font-weight:800;letter-spacing:.2px}
h1{font-size:clamp(28px,3.6vw,46px);line-height:1.1;text-transform:uppercase}
h2{font-size:clamp(23px,2.4vw,32px);line-height:1.2;margin:0 0 14px}
h3{font-size:20px;margin:22px 0 8px;color:var(--org)}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px 22px}
li{margin-bottom:6px}
.topnav{display:flex;gap:28px;align-items:center;padding:10px 24px;font-size:16px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.topnav a{color:var(--text);text-decoration:none}
.topnav a.on{color:var(--org)}
.topnav .sp{flex:1}
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:12px 24px;background:rgba(32,28,66,.97);border-bottom:1px solid var(--line)}
.logo img{height:40px;width:auto}
.top .sp{flex:1}
.ico{font-size:24px;color:var(--text);text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:6px;text-decoration:none;color:var(--text);font:600 17px "Inter Tight",sans-serif;border:1px solid #5a5490;background:transparent;transition:filter .15s,transform .15s;white-space:nowrap}
.btn:hover{filter:brightness(1.15);transform:translateY(-1px)}
.btn-o{border-color:var(--org);background:linear-gradient(180deg,var(--org),var(--org2));color:#1a1300;box-shadow:0 4px 18px rgba(255,160,40,.3)}
.btn-lg{padding:14px 40px;font-size:20px;border-radius:8px}
.main{max-width:1440px;margin:0 auto;padding:16px 24px 0}
.slides{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 30px)/3);gap:15px;overflow-x:auto;scrollbar-width:none;margin-bottom:14px}
.slides a{border-radius:10px;overflow:hidden;display:block}
.slides img{width:100%;height:auto;aspect-ratio:900/384;object-fit:cover}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.hero-in{padding:34px 40px}
.hero>img{width:100%;height:auto;padding:16px 16px 16px 0}
.badge{display:inline-block;color:var(--org);font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:1px;margin-bottom:8px}
.hero .lead{color:#dcd8f5;margin:14px 0 22px}
.tc{display:block;margin-top:12px;font-size:14px;color:var(--muted)}
.chips{display:flex;gap:8px;overflow-x:auto;padding:16px 2px;scrollbar-width:none}
.chip{display:flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap}
.chip.on{background:linear-gradient(180deg,#5b3d1a,#3a2a1a);border-color:var(--org2);color:var(--org)}
.provs{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}
.provs span{flex:none;display:grid;place-items:center;width:120px;height:56px;border:1px solid var(--line);border-radius:8px;background:var(--bg2)}
.provs img{max-height:28px;max-width:96px;width:auto}
.row-h{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}
.row-h .ttl{font-size:24px;text-transform:uppercase}
.row-h a{color:var(--text);text-decoration:none;font-size:14px}
.jps{display:grid;grid-auto-flow:column;grid-auto-columns:250px;gap:14px;overflow-x:auto;padding-bottom:14px}
.jp{border-radius:12px;padding:18px 14px;text-align:center;background:linear-gradient(180deg,#3a2d7a,#1f1a45);border:1px solid var(--line);text-decoration:none;color:var(--text)}
.jp img{height:80px;width:auto;margin:0 auto 12px;object-fit:contain}
.jp b{display:block;font:800 24px "Archivo";color:#fff;background:#8f1020;border:2px solid var(--org);border-radius:8px;padding:4px;margin-bottom:6px}
.jp small{display:block;color:var(--muted);margin-bottom:12px}
.jp .btn{padding:6px 30px}
.games{display:grid;grid-auto-flow:column;grid-auto-columns:180px;gap:14px;overflow-x:auto;padding-bottom:16px}
.game{position:relative;border-radius:10px;overflow:hidden;background:var(--panel);text-decoration:none;color:var(--text)}
.game img{aspect-ratio:422/580;object-fit:cover;width:100%;height:auto;transition:transform .3s}
.game:hover img{transform:scale(1.05)}
.game .cap{padding:7px 8px;font-size:13px;font-weight:600;text-align:center;background:#1a1734}
.game .new{position:absolute;top:6px;left:6px;background:var(--vio);font-size:12px;padding:1px 8px;border-radius:4px}
.content{max-width:1100px;margin:14px auto 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:28px 30px;margin-bottom:20px}
.author{display:flex;gap:14px;align-items:center;font-size:14px;color:var(--muted)}
.ava{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--org);flex:none}
.author b{color:var(--text)}
.abox{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center}
.abox img{width:120px;height:120px;border-radius:50%;border:3px solid var(--org);object-fit:cover}
.score{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
.ring{width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--org) 0 88%,#3a3566 88% 100%);display:grid;place-items:center}
.ring span{width:104px;height:104px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;font:800 36px "Archivo"}
.bars div{display:grid;grid-template-columns:170px 1fr 40px;gap:10px;align-items:center;font-size:15px;margin-bottom:6px}
.bars i{height:8px;border-radius:5px;background:#3a3566;position:relative;overflow:hidden}
.bars i:after{content:"";position:absolute;inset:0;width:var(--w);background:linear-gradient(90deg,var(--vio),var(--org))}
table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--org);font-weight:600;width:38%}
thead th{background:var(--panel2);width:auto}
.tbl{overflow-x:auto}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pc>div{border-radius:10px;padding:18px;background:var(--bg2);border:1px solid var(--line)}
.pc .p li::marker{content:"+ ";color:var(--ok)}
.pc .c li::marker{content:"- ";color:var(--bad)}
.steps{counter-reset:s;list-style:none;margin-left:0}
.steps li{counter-increment:s;position:relative;padding-left:52px;margin-bottom:14px}
.steps li:before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,var(--org),var(--org2));color:#1a1300;display:grid;place-items:center;font:800 18px "Archivo"}
.bgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:14px 0}
.bgrid figure{border-radius:10px;overflow:hidden;background:var(--bg2);border:1px solid var(--line)}
.bgrid figcaption{padding:8px 12px;font-size:14px;color:var(--muted)}
.faq details{background:var(--bg2);border:1px solid var(--line);border-radius:10px;margin-bottom:10px}
.faq summary{cursor:pointer;padding:14px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary:after{content:"+";color:var(--org);font-size:22px;line-height:1}
.faq details[open] summary:after{content:"-"}
.faq details p{padding:0 18px 14px}
.note{border-left:4px solid var(--org);background:rgba(255,181,71,.08);padding:12px 16px;border-radius:0 10px 10px 0;margin:10px 0 16px}
footer{margin-top:30px;padding:30px 0 90px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);text-align:center}
footer h4{font:700 17px "Archivo";color:var(--text);margin:18px 0 12px}
.fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:10px;text-align:left}
.fcols a{display:block;color:var(--muted);text-decoration:none;padding:3px 0}
.pays,.lic{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;align-items:center;margin:10px 0 18px}
.pays img{height:30px;width:auto}
.lic img{height:36px;width:auto}
.legal{max-width:1000px;margin:0 auto 10px;font-size:13px}
.flogo{height:44px;width:auto;margin:16px auto}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;padding:10px;background:rgba(21,19,43,.97);border-top:1px solid var(--line)}
.sticky .btn{flex:1;font-size:16px;padding:10px}
@media(max-width:1000px){.slides{grid-auto-columns:80%}.hero{grid-template-columns:1fr}.hero>img{order:-1;padding:12px 12px 0}.fcols{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{font-size:16px}.topnav{gap:18px;padding:8px 14px;font-size:14px}.top{padding:10px 12px;gap:8px}.top .btn{padding:7px 10px;font-size:14px}.logo img{height:30px}.ico{display:none}.main{padding:12px 12px 0}.hero-in{padding:22px 18px}.card{padding:20px 16px}.score,.pc,.abox,.bgrid{grid-template-columns:1fr}.ring,.abox img{margin:auto}.bars div{grid-template-columns:120px 1fr 34px}.games{grid-auto-columns:140px}.jps{grid-auto-columns:210px}.sticky{display:flex}th{width:45%}.topnav .hide-m{display:none}}