/* ============================================================
   MATNLI SAHIFALAR: /privacy, /terms, /pravila-*
   O'yin interfeysidan MUSTAQIL - style.css bu yerda yuklanmaydi
   (sahifalar yengil bo'lishi va o'yin yangilanganda buzilmasligi uchun).
   ============================================================ */
:root{
  --bg:#0A1523; --panel:#132437; --panel2:#0F1D2E; --line:#24405e;
  --text:#dfe8f5; --muted:#9fb3ca; --gold:#e9b949; --link:#6fb1ff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}
body{font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;
     -webkit-text-size-adjust:100%}
.wrap{max-width:820px;margin:0 auto;padding:24px 20px 64px}

header.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:14px 0 22px;border-bottom:1px solid var(--line);margin-bottom:26px}
.back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  color:var(--bg);background:linear-gradient(180deg,#f0c95e,#d5a02f);
  font-weight:700;padding:9px 16px;border-radius:10px;font-size:14px}
.back:hover{filter:brightness(1.08)}
.site{color:var(--muted);font-size:14px}

h1{font-size:27px;line-height:1.3;margin:0 0 8px;color:#fff}
.updated,.lead{color:var(--muted);font-size:14px;margin:0 0 24px}
h2{font-size:20px;margin:36px 0 12px;color:var(--gold)}
h3{font-size:17px;margin:24px 0 8px;color:#fff}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin:0 0 8px}
a{color:var(--link)}
strong{color:#fff}

.box{background:var(--panel);border:1px solid var(--line);border-radius:12px;
  padding:16px 18px;margin:0 0 22px}
.box p:last-child{margin-bottom:0}
.box.tip{border-color:#3f6b46;background:#12251b}
.box.warn{border-color:#7a5a24;background:#241d10}

table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15px}
.tablescroll{overflow-x:auto;margin:0 0 18px}
.tablescroll table{margin:0}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--panel);color:var(--gold);font-weight:700}

.cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 0 24px}
.card{display:block;text-decoration:none;color:var(--text);background:var(--panel);
  border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.card:hover{border-color:var(--gold)}
.card b{display:block;color:#fff;font-size:17px;margin-bottom:6px}
.card span{color:var(--muted);font-size:14px}

.cta{display:inline-block;text-decoration:none;color:#0A1523;
  background:linear-gradient(180deg,#f0c95e,#d5a02f);font-weight:800;
  padding:13px 24px;border-radius:12px;margin:8px 0 26px}
.cta:hover{filter:brightness(1.08)}

.langbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.langbar button{background:var(--panel);color:var(--muted);border:1px solid var(--line);
  border-radius:9px;padding:7px 14px;font-size:14px;cursor:pointer;font-family:inherit}
.langbar button:hover{color:#fff}
.langbar button[aria-pressed="true"]{background:linear-gradient(180deg,#f0c95e,#d5a02f);
  color:#0A1523;border-color:#d5a02f;font-weight:700}
[data-lang]{display:none}
[data-lang].on{display:block}
.nojs [data-lang]{display:block}

footer.bot{margin-top:46px;padding-top:20px;border-top:1px solid var(--line);
  color:var(--muted);font-size:14px}
footer.bot a{display:inline-block;margin:0 18px 8px 0}

@media (max-width:600px){
  h1{font-size:22px} h2{font-size:18px}
  .wrap{padding:18px 16px 48px}
}