.pmain{padding:22px 24px 70px}
.pcrumb{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-bottom:10px;flex-wrap:wrap}
.pcrumb span{color:#cfd2ea;font-weight:500}.pcrumb .i{width:12px;height:12px;opacity:.7}
.pmain h1{font-size:30px;font-weight:800;margin-bottom:8px}
.psub{color:#a9adc6;margin-bottom:22px}
.pstats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.pstats span{background:#23232f;border-radius:14px;padding:6px 14px;font-size:13px;font-weight:700;color:#cfd2ea}
.pstats span:empty{display:none}
.pctl{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.psearch{display:flex;align-items:center;gap:10px;background:var(--search);border-radius:12px;height:44px;padding:0 14px;flex:1;min-width:220px;max-width:420px}
.psearch .i{width:18px;height:18px;color:#b9bdd6}
.psearch input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:600 15px Inter,sans-serif}
.psearch input::placeholder{color:#b9bdd6;opacity:1}
#psort,#pprov{background:#23232f;color:#fff;border:0;border-radius:12px;height:44px;padding:0 14px;font:700 14px Inter,sans-serif}
.pchk{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#cfd2ea}
.pchk input{accent-color:var(--primary);width:18px;height:18px}
.pgrid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:20px 14px}
.pcell small{display:block;text-align:center;font-size:13px;font-weight:700;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g.pgc{position:relative;display:block;width:100%!important;height:auto!important;aspect-ratio:1/1;border-radius:14px;overflow:hidden}
.pempty{grid-column:1/-1;color:#a9adc6;padding:40px 0;text-align:center}
.pmore{text-align:center;margin-top:30px}
.pmore button{background:var(--primary);color:#fff;border:0;border-radius:26px;height:50px;padding:0 32px;font:800 16px Inter,sans-serif}
.pmore button[hidden]{display:none}
.pvgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.pv{display:flex;flex-direction:column;justify-content:flex-end;height:118px;border-radius:14px;padding:14px;border:1px solid rgba(255,255,255,.05)}
.pv b{font-size:17px;font-weight:800}
.pv small{color:#cfd2ea;font-size:12px;font-weight:600;margin-top:4px}
.pv:hover{filter:brightness(1.15)}
@media(max-width:699px){
  .pmain{padding:16px 16px 80px}
  .pmain h1{font-size:24px}
  .pgrid2{grid-template-columns:repeat(3,1fr);gap:16px 10px}
  .pcell small{font-size:11px}
  .pvgrid{grid-template-columns:1fr 1fr}
  .psearch{max-width:none}
}
.pgrid2{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}
.pgrid2>*{min-width:0}
@media(max-width:699px){.pgrid2{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Daftar game (list/new, list/hot, provider): tata letak baris rata tinggi. Lebar tiap kartu mengikuti rasio gambarnya (--ar),
   baris diisi penuh lalu turun; gambar tidak dipotong dan jarak antar kartu sama. */
.pgrid2{display:flex!important;flex-wrap:wrap;gap:20px 14px;--h:190px}
.pgrid2>.pcell{flex:calc(var(--ar,1) * 100) 1 calc(var(--ar,1) * var(--h));min-width:0}
.pgrid2:after{content:'';flex:1000000 1 0}
.pgrid2>.pempty{flex:1 1 100%}
@media(max-width:1099px){.pgrid2{--h:170px}}
@media(max-width:699px){.pgrid2{--h:130px;gap:16px 10px}}
/* ---- halaman /rtp-slot: tombol Urutkan + Filter ---- */
.fbar{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.fsw{position:relative}
.fb{width:100%;height:50px;border-radius:12px;border:2px solid #34354f;background:transparent;color:#fff;font:700 16px Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
.fb .i{width:18px;height:18px}
.fb.on{background:var(--primary);border-color:var(--primary)}
.fcnt{background:#fff;color:#111;border-radius:11px;min-width:22px;height:22px;display:inline-grid;place-items:center;font:800 12px Inter,sans-serif;padding:0 6px}
.fmenu{position:absolute;left:0;top:calc(100% + 8px);z-index:30;min-width:260px;max-width:90vw;background:#2a2940;border-radius:14px;padding:8px;box-shadow:0 10px 36px rgba(0,0,0,.55)}
.fmenu label{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:10px;cursor:pointer;font:600 15px Inter,sans-serif;color:#fff}
.fmenu label:hover{background:#3a3b58}
.fmenu input{position:absolute;opacity:0;pointer-events:none}
.fmenu i{width:20px;height:20px;border-radius:50%;border:2px solid #8a8da6;flex:none;position:relative}
.fmenu input:checked+i{border-color:var(--primary)}
.fmenu input:checked+i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--primary)}
.fpanel{background:#1b1b29;border-radius:16px;padding:22px 24px;margin-bottom:22px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px 24px;margin-bottom:22px}
.ff h4,.ft h4{font:800 15px Inter,sans-serif;margin:0 0 10px;color:#fff}
.fpanel select{height:46px;border-radius:12px;background:#23232f;color:#fff;border:0;padding:0 14px;font:600 15px Inter,sans-serif;width:100%}
.fpanel .cgs{width:100%!important}
.mm{display:flex;align-items:center;gap:10px}
.mm span{color:#8a8da6}
.mm input{flex:1;min-width:0;height:46px;border-radius:12px;background:#23232f;color:#fff;border:0;padding:0 14px;font:600 15px Inter,sans-serif;outline:0}
.mm input:focus,.fpanel select:focus{box-shadow:0 0 0 2px var(--primary)}
.rng .rv{display:flex;justify-content:space-between;margin-bottom:12px}
.rng .rv span{background:#34354f;border-radius:6px;padding:2px 9px;font:700 13px Inter,sans-serif}
.rt{position:relative;height:22px}
.rt:before{content:"";position:absolute;left:0;right:0;top:9px;height:5px;border-radius:3px;background:#34354f}
.rt i{position:absolute;top:9px;height:5px;border-radius:3px;background:var(--primary)}
.rt input{position:absolute;left:0;top:0;width:100%;height:22px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.rt input::-webkit-slider-runnable-track{background:none;height:22px}
.rt input::-moz-range-track{background:none}
.rt input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--primary);cursor:pointer}
.rt input::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--primary);cursor:pointer}
.ftg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}
.yn{display:inline-flex;border-radius:24px;background:#23232f;overflow:hidden;border:2px solid #34354f}
.yn button{border:0;background:none;color:#cfd2ea;font:700 15px Inter,sans-serif;height:40px;padding:0 22px;cursor:pointer}
.yn button+button{border-left:2px solid #34354f}
.yn button.on{background:var(--primary);color:#fff}
.fact{margin-top:22px;text-align:right}
.fact button{background:none;border:0;color:#9b7bff;font:800 15px Inter,sans-serif;cursor:pointer}
@media(max-width:699px){.fbar{gap:10px}.fb{height:46px;font-size:15px}.fpanel{padding:18px 16px}}
.fcnt[hidden]{display:none}
.ff[hidden]{display:none}
.ft[hidden],.ff[hidden],.ftg[hidden],.fmenu label[hidden]{display:none}
/* gambar lebar tidak dipotong: tampil utuh (contain) di dalam kartu dengan rasio maksimal 1,5 */
.g.pgc{background:rgba(255,255,255,.07)!important}
.g.pgc img{object-fit:contain!important}
/* latar kartu: gambar game yang diburamkan, supaya gambar lebar tidak mengambang di kotak polos */
.g.pgc::before{content:"";position:absolute;inset:-14px;background:var(--bi,none) center/cover no-repeat;filter:blur(16px) saturate(1.2) brightness(.75);z-index:0}
.g.pgc>img{position:relative;z-index:1}
.g.pgc>.rtp{z-index:2}