:root{
  /* TIMCS · fragment.com uslubi. Asosiy rang — ko'k; qizil: ban/o'chirish/xato; yashil: tasdiq/qo'shish; oltin: ogohlantirish */
  --bg:#0e141b;--bg2:#131b24;--panel:#17212c;--panel2:#1d2a37;--line:#243241;--line2:#2f4054;
  --tx:#f4f7fb;--tx2:#c6d1dd;--mu:#8a9bad;--mu2:#5c6e82;--ink:#ffffff;
  --acc:#2a9df4;--acc2:#1b82d6;--acc-t:#5db8ff;--acc-soft:rgba(42,157,244,.14);
  --gold:#fda838;--glow:#fee238;--warn:#fda838;
  --ok:#35c46f;--bad:#ff5a4f;--info:#4b9eea;--blue:#2a9df4;
  --bg-rgb:14,20,27;--panel-rgb:23,33,44;--fg-rgb:255,255,255;--acc-rgb:42,157,244;--ok-rgb:53,196,111;--bad-rgb:255,90,79;--info-rgb:75,158,234;
  --hdr-bg:rgba(14,20,27,.86);--tabs-bg:rgba(19,27,36,.96);--shadow:0 8px 24px rgba(0,0,0,.35);
  --r:14px;--hd:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--brand:"Rajdhani","Arial Narrow",sans-serif;
  --safe-b:env(safe-area-inset-bottom);color-scheme:dark;
}
/* Kunduzgi rejim */
:root[data-theme="light"]{
  --bg:#f2f6fa;--bg2:#ffffff;--panel:#ffffff;--panel2:#f1f5f9;--line:#e1e8ef;--line2:#d1dce6;
  --tx:#0f1720;--tx2:#344150;--mu:#677686;--mu2:#9aa8b6;--ink:#ffffff;
  --acc:#1d8fe8;--acc2:#1478c4;--acc-t:#1478c4;--acc-soft:rgba(29,143,232,.1);
  --gold:#c27800;--glow:#b78600;--warn:#c27800;
  --ok:#1b9a52;--bad:#d93025;--info:#2468b0;--blue:#1d8fe8;
  --bg-rgb:242,246,250;--panel-rgb:255,255,255;--fg-rgb:15,23,32;--acc-rgb:29,143,232;--ok-rgb:27,154,82;--bad-rgb:217,48,37;--info-rgb:36,104,176;
  --hdr-bg:rgba(255,255,255,.9);--tabs-bg:rgba(255,255,255,.96);--shadow:0 6px 20px rgba(15,23,32,.08);
  color-scheme:light;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--tx)}
body{font:14.5px/1.45 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh;
  background:transparent}
/* Orqa fon: CS 1.6 ruhidagi rasm (Sozlamalar → Umumiy → Fon rasmi bilan almashtiriladi). Telefonda ham qotmaydi: alohida qatlam */
body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(var(--bg-rgb),.55),rgba(var(--bg-rgb),.82) 55%,rgba(var(--bg-rgb),.94)),var(--bgimg,url(bg-m.jpg)) center/cover no-repeat;pointer-events:none}
@media (min-width:900px){ body:before{background:linear-gradient(180deg,rgba(var(--bg-rgb),.5),rgba(var(--bg-rgb),.8) 55%,rgba(var(--bg-rgb),.93)),var(--bgimg,url(bg.jpg)) center/cover no-repeat} }
a{color:var(--acc-t);text-decoration:none}
h1,h2,h3,h4{font-family:var(--hd);margin:0;letter-spacing:.3px;line-height:1.1}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
.num{font-family:var(--hd);font-weight:700;font-variant-numeric:tabular-nums}

/* Splash */
#splash{position:fixed;inset:0;z-index:100;background:#000;display:grid;place-items:center;transition:opacity .5s}
#splash.out{opacity:0;pointer-events:none}
.sp-in{text-align:center}
.sp-logo{width:150px;height:150px;object-fit:cover;animation:spl 1s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 0 30px rgba(var(--acc-rgb),.25))}
@keyframes spl{from{opacity:0;transform:scale(.7);filter:blur(8px)}}
.sp-name{font:700 34px var(--hd);letter-spacing:6px;margin-top:6px;animation:fu .6s .35s both}
.sp-sub{font:600 12px var(--hd);letter-spacing:5px;color:var(--acc-t);animation:fu .6s .5s both}
.sp-bar{width:160px;height:3px;background:#222;margin:26px auto 0;border-radius:3px;overflow:hidden}
.sp-bar i{display:block;height:100%;width:0;background:var(--acc);animation:ld 1.5s .3s ease-in-out forwards}
@keyframes ld{to{width:100%}}
@keyframes fu{from{opacity:0;transform:translateY(8px)}}

/* Header */
.hdr{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:rgba(var(--bg-rgb),.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:var(--tx)}
.brand img{width:34px;height:34px;border-radius:9px;border:1px solid var(--line2)}
.brand b{font:700 17px var(--hd);letter-spacing:1px;display:block}
.brand small{font-size:11.5px;color:var(--mu);display:flex;align-items:center;gap:5px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--mu2);display:inline-block}
.dot.on{background:var(--ok);box-shadow:0 0 0 3px rgba(var(--ok-rgb),.18);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(var(--ok-rgb),0)}}
.bal{display:flex;flex-direction:column;align-items:flex-end;padding:5px 12px;border-radius:11px;background:var(--panel2);border:1px solid var(--line2);color:var(--tx)}
.bal span{font-size:10px;color:var(--mu);text-transform:uppercase;letter-spacing:1px}
.bal b{font:700 15px var(--hd);color:var(--acc-t)}

main{padding:14px 16px calc(150px + var(--safe-b));max-width:640px;margin:0 auto;animation:fu .25s}

/* Tab bar */
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;background:rgba(var(--bg-rgb),.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + var(--safe-b))}
.tabs a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--mu2);font-size:10.5px;font-weight:600;padding:4px 0;position:relative}
.tabs a svg{width:23px;height:23px}
.tabs a.on{color:var(--acc-t)}
.tabs a.on:before{content:"";position:absolute;top:-7px;width:24px;height:2px;background:var(--acc);border-radius:2px}
.tabs .badge{position:absolute;top:0;left:calc(50% + 6px);background:var(--bad);color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;padding:0 4px}

/* Cart bar */
#cartbar .cb{position:fixed;left:12px;right:12px;bottom:calc(66px + var(--safe-b));z-index:25;display:flex;align-items:center;gap:12px;background:var(--acc);color:var(--ink);border-radius:14px;padding:10px 10px 10px 16px;box-shadow:0 10px 30px rgba(0,0,0,.5);animation:fu .25s;max-width:616px;margin:0 auto}
.cb b{font:700 18px var(--hd)}.cb small{display:block;font-size:11.5px;opacity:.75}
.cb button{margin-left:auto;background:var(--ink);color:var(--acc-t);border:0;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer}

/* Generic */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.card+.card,.stack>*+*{margin-top:10px}
.sec{margin:22px 0 10px;display:flex;align-items:baseline;justify-content:space-between}
.sec h3{font-size:19px;text-transform:uppercase;letter-spacing:1px}
.sec a,.sec small{font-size:12.5px;color:var(--mu)}
.mu{color:var(--mu)}.sm{font-size:12.5px}.ok{color:var(--ok)}.bad{color:var(--bad)}.acc{color:var(--acc-t)}
.row{display:flex;align-items:center;gap:10px}
.between{display:flex;align-items:center;justify-content:space-between;gap:10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:12px;padding:13px 16px;font-weight:700;font-size:14.5px;cursor:pointer;background:linear-gradient(180deg,var(--acc),var(--acc2));color:var(--ink);transition:transform .12s,opacity .2s;text-transform:uppercase;letter-spacing:.4px;font-family:var(--hd);font-size:16px}
.btn:active{transform:scale(.97)}
.btn:disabled{opacity:.45;pointer-events:none}
.btn.ghost{background:var(--panel2);color:var(--tx);border:1px solid var(--line2)}
.btn.red{background:rgba(var(--bad-rgb),.12);color:var(--bad);border:1px solid rgba(var(--bad-rgb),.35)}
.btn.green{background:rgba(var(--ok-rgb),.12);color:var(--ok);border:1px solid rgba(var(--ok-rgb),.35)}
.btn.sm{padding:8px 12px;font-size:13.5px;width:auto;border-radius:10px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--panel2);border:1px solid var(--line2);color:var(--mu)}
.chip.ok{color:var(--ok);border-color:rgba(var(--ok-rgb),.35);background:rgba(var(--ok-rgb),.08)}
.chip.bad{color:var(--bad);border-color:rgba(var(--bad-rgb),.35);background:rgba(var(--bad-rgb),.08)}
.chip.acc{color:var(--acc-t);border-color:rgba(var(--acc-rgb),.35);background:rgba(var(--acc-rgb),.08)}
.chip.info{color:var(--info);border-color:rgba(var(--info-rgb),.35);background:rgba(var(--info-rgb),.08)}
label.l{display:block;font-size:12px;color:var(--mu);margin:12px 0 5px;font-weight:600;text-transform:uppercase;letter-spacing:.6px}
input,textarea,select{width:100%;background:var(--bg);color:var(--tx);border:1px solid var(--line2);border-radius:11px;padding:12px 13px;font:inherit;font-size:15px;outline:0;transition:border-color .15s}
input:focus,textarea:focus,select:focus{border-color:var(--acc)}
textarea{resize:vertical}
.err{color:var(--bad);font-size:13px;min-height:0;margin-top:8px}
.err:empty{display:none}
.hint{font-size:12.5px;color:var(--mu);margin-top:6px}
.empty{text-align:center;color:var(--mu);padding:30px 10px}
.empty svg{width:42px;height:42px;opacity:.4;display:block;margin:0 auto 8px}

/* Segmented */
.seg{display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px;overflow-x:auto;scrollbar-width:none;margin-bottom:14px}
.seg::-webkit-scrollbar{display:none}
.seg button{flex:1 0 auto;border:0;background:none;color:var(--mu);padding:9px 12px;border-radius:9px;font-weight:600;font-size:13.5px;cursor:pointer;white-space:nowrap}
.seg button.on{background:var(--acc);color:var(--ink)}

/* Hero */
.hero{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line2);background:radial-gradient(120% 90% at 0% 0%,rgba(var(--acc-rgb),.14),transparent 55%),linear-gradient(180deg,var(--panel),var(--bg));padding:22px 18px 18px;text-align:center}
.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(var(--fg-rgb),.015) 0 1px,transparent 1px 3px);pointer-events:none}
.hero .logo{width:112px;height:112px;object-fit:cover;border-radius:24px;border:1px solid var(--line2);box-shadow:0 0 50px rgba(var(--acc-rgb),.12)}
.hero h1{font-size:40px;letter-spacing:4px;margin-top:10px}
.hero .tag{font:600 12px var(--hd);letter-spacing:2.5px;color:var(--acc-t);text-transform:uppercase}
.ipbox{display:flex;align-items:center;gap:8px;margin:16px auto 0;max-width:340px;background:rgba(0,0,0,.45);border:1px dashed rgba(var(--acc-rgb),.45);border-radius:12px;padding:6px 6px 6px 14px}
.ipbox code{flex:1;text-align:left;font:700 17px var(--hd);letter-spacing:1px;color:var(--tx)}
.ipbox button{background:var(--acc);color:var(--ink);border:0;border-radius:9px;padding:8px 12px;font-weight:700;cursor:pointer;font-size:12.5px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 12px}
.stat small{display:block;font-size:10.5px;color:var(--mu);text-transform:uppercase;letter-spacing:.8px}
.stat b{font:700 20px var(--hd);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cta{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;margin-top:12px}

.hscroll{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}
.hscroll::-webkit-scrollbar{display:none}
.tcard{flex:0 0 158px;scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--tx);position:relative;overflow:hidden}
.tcard .ic{font-size:28px}
.tcard b{display:block;font:700 18px var(--hd);margin-top:6px}
.tcard small{color:var(--mu);font-size:12px}
.tcard .p{font:700 15px var(--hd);color:var(--acc-t)}

.menu a,.menu button{display:flex;align-items:center;gap:12px;width:100%;padding:14px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--tx);text-align:left;cursor:pointer;font-weight:500}
.menu a:last-child,.menu button:last-child{border:0}
.menu .ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line2);font-size:17px;flex:none}
.menu .chev{margin-left:auto;color:var(--mu2)}
.menu small{display:block;color:var(--mu);font-size:12px;font-weight:400}
.card.menu{padding:0}

/* Shop */
.tier{position:relative;overflow:hidden;padding:18px}
.tier:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--tc,var(--acc))}
.tier .top{display:flex;align-items:center;gap:12px}
.tier .ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:26px;background:var(--panel2);border:1px solid var(--line2)}
.tier h3{font-size:24px;letter-spacing:1px}
.price{font:700 26px var(--hd);color:var(--acc-t)}
.price small{font-size:14px;color:var(--mu);font-weight:600}
.perks{list-style:none;padding:0;margin:12px 0 14px;display:grid;gap:7px}
.perks li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px}
.perks li:before{content:"";flex:none;width:16px;height:16px;margin-top:1px;border-radius:50%;background:rgba(var(--ok-rgb),.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.6L12 5.4' fill='none' stroke='%236fcf6a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat}
.save{display:inline-block;font-size:11.5px;font-weight:700;color:var(--ok);background:rgba(var(--ok-rgb),.1);border-radius:6px;padding:2px 7px;margin-left:6px;vertical-align:middle}
.prod{padding:10px;display:flex;flex-direction:column}
.thumb{aspect-ratio:1;border-radius:10px;background:linear-gradient(160deg,#221a1b,#0e0b0b);display:grid;place-items:center;font-size:40px;overflow:hidden;margin-bottom:9px;border:1px solid var(--line)}
.thumb img{width:100%;height:100%;object-fit:cover}
.prod b{font-size:14px}
.prod .p{font:700 17px var(--hd);color:var(--acc-t);margin:2px 0 8px}
.prod .btn{margin-top:auto}
.owned{border:1px solid rgba(var(--ok-rgb),.3);background:rgba(var(--ok-rgb),.06);border-radius:10px;padding:8px 10px;font-size:12.5px;margin-bottom:10px;color:var(--ok)}

/* Lines/list */
.line{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}
.line:last-child{border:0}
.line .grow{flex:1;min-width:0}
.line .grow b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x{background:none;border:0;color:var(--mu);cursor:pointer;padding:6px;font-size:16px}
.total{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;margin-top:4px;border-top:1px dashed var(--line2)}
.total b{font:700 24px var(--hd);color:var(--acc-t)}
.rule{border:1px solid rgba(var(--bad-rgb),.4);background:rgba(var(--bad-rgb),.07);border-radius:12px;padding:12px 14px;font-size:13px;margin-top:12px}
.rule b{color:var(--bad)}
.check{display:flex;gap:10px;align-items:flex-start;margin-top:12px;cursor:pointer;font-size:13.5px}
.check input{width:20px;height:20px;flex:none;accent-color:var(--acc);margin:1px 0 0}
.pw{position:relative}.pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--mu);padding:8px;cursor:pointer;font-size:12px;font-weight:600}

/* Server */
.srvhead{display:flex;gap:14px;align-items:center}
.mapic{width:62px;height:62px;border-radius:14px;background:linear-gradient(135deg,#1c3347,#101a24);display:grid;place-items:center;border:1px solid var(--line2);font:700 13px var(--hd);color:var(--acc-t);text-transform:uppercase;text-align:center;line-height:1;padding:4px;word-break:break-all}
.meter{height:8px;background:var(--bg);border-radius:6px;overflow:hidden;margin-top:12px;border:1px solid var(--line)}
.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--acc2),var(--acc));border-radius:6px;transition:width .5s}
table.pl{width:100%;border-collapse:collapse;font-size:13.5px}
.pl th{font:600 11px Inter;color:var(--mu);text-transform:uppercase;letter-spacing:.6px;text-align:left;padding:8px 6px;border-bottom:1px solid var(--line2)}
.pl td{padding:10px 6px;border-bottom:1px solid var(--line)}
.pl tr:last-child td{border:0}
.pl .n{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.pl .r{text-align:right;font-family:var(--hd);font-weight:700;font-size:15px}
.rank{color:var(--mu2);font-family:var(--hd);font-weight:700;width:24px}
.pl tr.me1 .rank{color:#ffd166}.pl tr.me2 .rank{color:var(--tx)}.pl tr.me3 .rank{color:#d89b6a}
.pl tr.tap{cursor:pointer}.pl tr.tap:active td{background:var(--panel2)}

/* Profile */
.avatar{width:54px;height:54px;border-radius:15px;background:linear-gradient(135deg,var(--acc),var(--acc2));color:var(--ink);display:grid;place-items:center;font:700 26px var(--hd);flex:none}
.bigbal{font:700 34px var(--hd);color:var(--acc-t);line-height:1}
.priv{position:relative;overflow:hidden}
.priv:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ok)}
.priv.off:before{background:var(--bad)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13.5px;margin-top:10px}
.kv span{color:var(--mu)}
.kv code{font:600 14px ui-monospace,Menlo,Consolas,monospace;color:var(--tx)}
.cmd{display:flex;align-items:center;gap:8px;background:#000;border:1px solid var(--line2);border-radius:10px;padding:9px 10px;margin-top:10px;font:13px ui-monospace,Menlo,Consolas,monospace;color:var(--ok)}
.cmd span{flex:1;overflow-x:auto;white-space:nowrap}
.cmd button{background:var(--panel2);border:1px solid var(--line2);color:var(--tx);border-radius:7px;padding:5px 9px;font-size:11.5px;cursor:pointer}
.bar2{height:5px;border-radius:4px;background:var(--bg);overflow:hidden;margin-top:10px}
.bar2 i{display:block;height:100%;background:var(--ok)}

/* Topup */
.amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}
.amounts button{background:var(--panel2);border:1px solid var(--line2);border-radius:9px;padding:9px 2px;font:700 14px var(--hd);cursor:pointer;color:var(--tx)}
.amounts button.on{border-color:var(--acc);color:var(--acc-t)}
.cardopt{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line2);border-radius:12px;cursor:pointer;margin-top:8px;background:var(--bg)}
.cardopt.on{border-color:var(--acc);background:rgba(var(--acc-rgb),.06)}
.cardopt .ct{width:46px;height:30px;border-radius:6px;background:linear-gradient(135deg,#1f3a52,#141f2b);display:grid;place-items:center;font:700 10px var(--hd);color:var(--acc-t);letter-spacing:.5px}
.timer{text-align:center;padding:6px 0 4px}
.timer b{font:700 46px var(--hd);letter-spacing:2px;color:var(--acc-t);display:block;line-height:1}
.timer.low b{color:var(--bad)}
.paycard{background:linear-gradient(135deg,#30191c 0%,#160f10 60%);border:1px solid var(--line2);border-radius:16px;padding:18px;position:relative;overflow:hidden;margin-top:12px}
.paycard:after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:rgba(var(--acc-rgb),.07)}
.paycard .t{font:700 14px var(--hd);letter-spacing:2px;color:var(--acc-t)}
.paycard .n{font:700 23px var(--hd);letter-spacing:2.5px;margin:14px 0 6px;word-break:break-all}
.steps{counter-reset:s;list-style:none;padding:0;margin:14px 0 0;display:grid;gap:9px}
.steps li{counter-increment:s;display:flex;gap:10px;font-size:13.5px;align-items:flex-start}
.steps li:before{content:counter(s);flex:none;width:22px;height:22px;border-radius:50%;background:var(--panel2);border:1px solid var(--line2);display:grid;place-items:center;font:700 12px var(--hd);color:var(--acc-t)}
.drop{display:block;border:1.5px dashed var(--line2);border-radius:14px;padding:18px;text-align:center;cursor:pointer;margin-top:12px;color:var(--mu)}
.drop img{max-width:100%;max-height:260px;border-radius:10px;display:block;margin:0 auto}
.drop input{display:none}

/* Status timeline */
.tl{list-style:none;padding:0;margin:14px 0 0}
.tl li{position:relative;padding:0 0 16px 28px;font-size:13.5px}
.tl li:before{content:"";position:absolute;left:5px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--line2)}
.tl li:after{content:"";position:absolute;left:9.5px;top:16px;bottom:0;width:1px;background:var(--line2)}
.tl li:last-child:after{display:none}
.tl li.done:before{background:var(--ok)}
.tl li.cur:before{background:var(--acc);box-shadow:0 0 0 4px rgba(var(--acc-rgb),.2)}

/* Rules */
details.acc{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-top:10px;overflow:hidden}
details.acc summary{list-style:none;padding:15px 16px;font:700 17px var(--hd);letter-spacing:.5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
details.acc summary::-webkit-details-marker{display:none}
details.acc summary:after{content:"+";color:var(--acc-t);font-size:22px}
details.acc[open] summary:after{content:"−"}
details.acc ol{margin:0;padding:0 16px 14px 36px;display:grid;gap:8px;font-size:13.5px;color:var(--tx)}

/* Sheet / modal */
.ov{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.7);display:flex;align-items:flex-end;justify-content:center;animation:fd .2s}
@keyframes fd{from{opacity:0}}
.sheet{width:100%;max-width:640px;max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line2);border-bottom:0;border-radius:20px 20px 0 0;padding:8px 18px calc(20px + var(--safe-b));animation:su .25s cubic-bezier(.2,.8,.2,1)}
@keyframes su{from{transform:translateY(40%)}}
.sheet .grab{width:40px;height:4px;background:var(--line2);border-radius:3px;margin:4px auto 12px}
.sheet h3{font-size:22px;margin-bottom:6px}
.imgv{position:fixed;inset:0;z-index:70;background:#000e;display:grid;place-items:center;padding:12px}
.imgv img{max-width:100%;max-height:100%;border-radius:8px}
.toast{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:90;background:var(--panel2);border:1px solid var(--line2);color:var(--tx);padding:11px 16px;border-radius:12px;font-weight:600;font-size:13.5px;box-shadow:0 10px 30px rgba(0,0,0,.5);animation:fu .2s;max-width:90vw}
.toast.ok{border-color:rgba(var(--ok-rgb),.5)}.toast.bad{border-color:rgba(var(--bad-rgb),.6);color:#ffb3ad}

/* Admin */
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}
.kpi small{color:var(--mu);font-size:11px;text-transform:uppercase;letter-spacing:.6px}
.kpi b{display:block;font:700 22px var(--hd)}
.amenu{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.amenu a{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 8px;text-align:center;color:var(--tx);font-size:12.5px;font-weight:600;position:relative}
.amenu a span{display:block;font-size:24px;margin-bottom:4px}
.amenu a i{position:absolute;top:6px;right:6px;background:var(--bad);color:#fff;font-style:normal;font-size:10.5px;border-radius:8px;padding:1px 6px}
.log{font-size:12.5px;padding:8px 0;border-bottom:1px solid var(--line)}
.log:last-child{border:0}
.log b{color:var(--acc-t);font-weight:600}
.rc{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:none;border:1px solid var(--line2);cursor:zoom-in;background:var(--bg)}
pre.out{background:#000;border:1px solid var(--line2);border-radius:10px;padding:10px;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;color:#b9e3b5;white-space:pre-wrap;word-break:break-all;max-height:260px;overflow:auto;margin:10px 0 0}
.perm{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px;cursor:pointer}
.perm input{width:19px;height:19px;accent-color:var(--acc);flex:none}
.presets{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.presets button{cursor:pointer}
.ed{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px;background:var(--bg2)}
.blocked{min-height:70vh;display:grid;place-items:center;text-align:center}
.spin{width:28px;height:28px;border:3px solid var(--line2);border-top-color:var(--acc);border-radius:50%;animation:rot .8s linear infinite;margin:40px auto}
@keyframes rot{to{transform:rotate(360deg)}}
@media(min-width:520px){.kpis{grid-template-columns:repeat(4,1fr)}.amenu{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Chegirma, yangilik, muzlatish */
.old{color:var(--mu);font-size:.62em;font-weight:600;text-decoration:line-through;margin-right:2px}
.dtag{display:inline-block;background:var(--bad);color:#fff;font:700 11px Inter,sans-serif;border-radius:6px;padding:2px 6px;vertical-align:middle;letter-spacing:0}
.disc{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:14px;color:var(--tx);background:linear-gradient(120deg,rgba(var(--bad-rgb),.18),rgba(var(--acc-rgb),.10));border:1px solid rgba(var(--bad-rgb),.45);position:relative;overflow:hidden}
.disc .pct{font:700 26px var(--hd);color:#fff;background:var(--bad);border-radius:10px;padding:4px 10px;flex:none;animation:pop 2s ease-in-out infinite}
@keyframes pop{50%{transform:scale(1.06)}}
.disc b{display:block}.disc small{color:var(--mu);font-size:12px}
.disc .chev{margin-left:auto;color:var(--mu)}
.card.news img{width:100%;max-height:220px;object-fit:cover;border-radius:10px;margin-bottom:10px;display:block}
.frozen{margin-top:10px;border:1px solid rgba(var(--info-rgb),.45);background:rgba(var(--info-rgb),.08);border-radius:10px;padding:10px 12px;font-size:13px;color:#cfe5fb;line-height:1.6}
.priv.ice:before{background:var(--info)}

/* ---------- Bosh sahifa (qizil tema) ---------- */
.hero2{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line2);padding:18px 18px 20px;
  background:radial-gradient(90% 120% at 100% 0%,rgba(var(--acc-rgb),.28),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(var(--acc-rgb),.10),transparent 70%),linear-gradient(180deg,#171112,#0c0a0a)}
.hero2:after{content:"";position:absolute;inset:auto -30px -60px auto;width:220px;height:220px;border-radius:50%;border:1px solid rgba(var(--acc-rgb),.18);pointer-events:none}
.h2-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.h2-logo{width:58px;height:58px;border-radius:16px;object-fit:cover;border:1px solid var(--line2);box-shadow:0 6px 30px rgba(var(--acc-rgb),.25)}
.h2-live{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--mu);background:rgba(0,0,0,.45);border:1px solid var(--line2);border-radius:999px;padding:6px 12px}
.h2-live.on{color:var(--tx)}
.h2-title{font-size:38px;letter-spacing:2px;margin-top:16px;text-transform:uppercase}
.h2-sub{margin:6px 0 0;color:var(--tx);font-size:14px}
.hero2 .ipbox{margin:16px 0 0;max-width:none}
.hello{margin-top:12px;border:1px solid rgba(var(--acc-rgb),.35);background:linear-gradient(180deg,rgba(var(--acc-rgb),.09),rgba(var(--acc-rgb),.02));border-radius:16px;padding:12px 14px}
.hello .x{background:none;border:0;color:var(--mu);font-size:16px;cursor:pointer}
.hs{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:11px 0 9px;cursor:pointer}
.hs:first-of-type{border-top:0}
.hs i{font:700 15px var(--hd);font-style:normal;width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#fff}
.hs b{display:block}.hs small{color:var(--mu);font-size:12px}.hs .chev{margin-left:auto;color:var(--mu)}
.qgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}
.q{display:flex;flex-direction:column;gap:2px;padding:12px 10px;border-radius:14px;background:var(--panel);border:1px solid var(--line);color:var(--tx);min-width:0}
.q span{font-size:22px;line-height:1.1}.q b{font:700 14.5px var(--hd);letter-spacing:.3px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q small{font-size:11px;color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.q-main{grid-column:1/-1;flex-direction:row;align-items:center;gap:12px;background:linear-gradient(135deg,var(--acc),var(--acc2));border:0;padding:14px 16px}
.q-main b{font-size:19px;margin:0;color:#fff}.q-main small{color:rgba(var(--fg-rgb),.85);font-size:12px;white-space:normal}.q-main span{font-size:30px}
.q:active{transform:scale(.98)}
@media(max-width:360px){.qgrid{grid-template-columns:1fr 1fr}}

/* Server chati ko'rinishi (prefix) */
.chat{margin-top:6px;background:#000;border:1px solid var(--line2);border-radius:10px;padding:12px;font:600 14px/1.4 "Trebuchet MS",Verdana,sans-serif;word-break:break-word}
.c-rank{color:#7ee35f}.c-pref{color:#ffcf3a}.c-nick{color:#ff5b5b}.c-sep{color:#fff}.c-msg{color:var(--tx)}
.seg .dtag,.seg button .dtag{font-size:10px;padding:1px 5px;margin-left:4px}
.save{display:inline-block;margin-left:8px;font:700 12px var(--hd);background:rgba(var(--ok-rgb),.12);color:var(--ok);border-radius:6px;padding:2px 7px;vertical-align:middle}
.mpromo{display:block;color:var(--tx);border-color:rgba(var(--acc-rgb),.45);background:linear-gradient(135deg,rgba(var(--acc-rgb),.12),transparent 70%)}
.mp-ic{width:46px;height:46px;flex:none;border-radius:13px;display:grid;place-items:center;font-size:24px;background:rgba(var(--acc-rgb),.14);border:1px solid rgba(var(--acc-rgb),.35)}
.mpromo small{display:block}
.cashback{border-color:rgba(var(--ok-rgb),.3)}
.nickc{border-color:rgba(var(--acc-rgb),.25)}
.coinbox{background:radial-gradient(80% 120% at 100% 0%,rgba(255,196,72,.12),transparent 60%),var(--panel)}
.rankb{font:700 26px var(--hd);color:#ffc448}
.kgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.kgrid div{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}
.kgrid small{display:block;color:var(--mu);font-size:11.5px}.kgrid b{font:700 20px var(--hd)}
.ans{margin-top:6px;padding:7px 10px;border-left:2px solid var(--ok);background:rgba(var(--ok-rgb),.06);border-radius:0 8px 8px 0;font-size:13px;white-space:pre-wrap}
.owner{text-align:center;cursor:pointer}.owner .avatar{margin:0 auto 8px}
.card.off{opacity:.6}
.ban{border-color:rgba(var(--bad-rgb),.35)}

/* AMXMODMENU testi */
.quiz{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;padding-top:6px}
.qbar{height:6px;border-radius:6px;background:var(--panel2);overflow:hidden;margin-top:10px}
.qbar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--acc2),var(--acc));transition:width .2s linear}
.qtime{font:700 44px var(--hd);text-align:center;color:var(--acc-t);margin:10px 0 2px}
.qq{font-size:22px;line-height:1.25;margin:6px 0 16px}
.qopts{display:grid;gap:9px}
.qopts button{text-align:left;padding:14px;border-radius:13px;border:1px solid var(--line2);background:var(--panel);font-size:14.5px;cursor:pointer}
.qopts button:active{border-color:var(--acc)}
.qopts button.right{border-color:var(--ok);background:rgba(var(--ok-rgb),.12)}
.qopts button.wrong{border-color:var(--bad);background:rgba(var(--bad-rgb),.12)}
.mhero{border-color:rgba(var(--acc-rgb),.4)}
.q-main div{min-width:0;flex:1}.q-main b,.q-main small{display:block;white-space:normal}.q-main .qgo{font-style:normal;font-size:28px;color:#fff;opacity:.8}
.pl.tt{width:100%;table-layout:fixed}
.pl.tt th:nth-child(1),.pl.tt td:nth-child(1){width:34px}
.pl.tt th:nth-child(3),.pl.tt td:nth-child(3),.pl.tt th:nth-child(4),.pl.tt td:nth-child(4){width:64px}
.pl.tt th:nth-child(5),.pl.tt td:nth-child(5){width:46px}
.pl.tt td,.pl.tt th{white-space:nowrap;padding-left:4px;padding-right:4px}
.pl.tt .n{max-width:none}
.pl .r,.pl th.r{text-align:right}
.ell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.line.bl{cursor:pointer;gap:10px}.line.bl.off{opacity:.55}
.exp{font-size:13.5px;margin-top:6px}.exp.bad{color:var(--bad)}.exp.acc{color:var(--acc-t)}
.pl .sid{display:block;font:500 10.5px Inter,sans-serif;color:var(--mu);overflow:hidden;text-overflow:ellipsis}
.cstep{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.cstep:first-child{border-top:0;padding-top:2px}
.cstep i{font:700 15px var(--hd);font-style:normal;width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#fff}
.cstep>div>b{display:block;font-size:15px}.cstep p{margin:3px 0 0;color:var(--mu);font-size:13px;line-height:1.45}
.clist{margin:0;padding-left:18px;display:grid;gap:8px;font-size:13.5px}.clist li::marker{color:var(--acc-t)}
.imgv.gal{display:grid;place-items:center}
.gal .gx{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;width:42px;height:42px;border-radius:50%;border:0;background:#fff2;color:#fff;font-size:20px;cursor:pointer;z-index:2}
.gal .gp,.gal .gn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;border:0;background:#0007;color:#fff;font-size:34px;cursor:pointer;border-radius:12px;z-index:2}
.gal .gp{left:6px}.gal .gn{right:6px}
.gal .gd{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;gap:6px}
.gal .gd i{width:7px;height:7px;border-radius:50%;background:#fff5}.gal .gd i.on{background:var(--acc)}
.thumb{position:relative}.thumb .pc{position:absolute;right:6px;bottom:6px;background:#000a;color:#fff;font-size:11px;border-radius:6px;padding:2px 6px}
.prod{position:relative}.cdel{position:absolute;top:8px;right:8px;z-index:2;width:34px;height:34px;border-radius:10px;border:1px solid rgba(var(--bad-rgb),.5);background:#000b;color:#fff;cursor:pointer;font-size:15px}
.mapic{position:relative;overflow:hidden;width:96px;height:72px}
.mapic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mapic img+span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#000c);font-size:10px;padding:10px 3px 3px;color:#fff}
.vipgate{border-color:rgba(var(--acc-rgb),.45);background:linear-gradient(135deg,rgba(var(--acc-rgb),.1),transparent 70%)}
.ftbl td,.ftbl th{text-align:center;padding:6px 5px;white-space:nowrap}.ftbl input{width:18px;height:18px;accent-color:var(--acc)}
.prow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.prow:last-of-type{border-bottom:0}
.prow .grow{flex:1;min-width:0}.prow .grow b{display:block;font-size:14px}.prow .grow small{display:block;font-size:12px;margin-top:2px}
.prow input{width:118px;flex:none;text-align:right;font-variant-numeric:tabular-nums}
.rbar{height:8px;border-radius:6px;background:var(--panel2);margin-top:6px;overflow:hidden}.rbar i{display:block;height:100%;border-radius:6px;background:var(--acc)}
.rchart{display:flex;align-items:flex-end;gap:2px;height:140px;margin-top:12px;border-bottom:1px solid var(--line2)}
.rcol{flex:1;height:100%;display:flex;align-items:flex-end;gap:1px;min-width:2px}
.rcol i{display:block;flex:1;border-radius:3px 3px 0 0;min-height:1px}.rcol .s{background:var(--acc)}.rcol .t{background:var(--line2)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--line2);margin:0 4px 0 8px}.dot.acc{background:var(--acc)}
.rcol .d{background:var(--bad)}.dot.bad{background:var(--bad)}
.card.mon{border-color:rgba(var(--acc-rgb),.45);box-shadow:0 0 0 1px rgba(var(--acc-rgb),.15) inset}
html{overflow-x:clip}
.card,.kpi,.line .grow{min-width:0}
.log{padding:9px 0;border-bottom:1px solid var(--line);cursor:pointer;min-width:0;overflow:hidden}
.log:last-child{border:0}
.log .lh{display:flex;align-items:baseline;gap:6px;min-width:0}
.log .lh span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.log .lh small{flex:none;font-size:11px}
.log .ld{font-size:12.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.log.open .ld{white-space:normal;overflow-wrap:anywhere}
.log.open{background:var(--panel2);margin:0 -14px;padding:9px 14px}
.hgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:10px}
.hc{position:relative;border-radius:10px;background:var(--panel2);padding:8px 4px 6px;text-align:center;overflow:hidden;min-width:0}
.hc i{position:absolute;left:0;right:0;bottom:0;height:calc(var(--p) * 1%);background:rgba(var(--acc-rgb),.28)}
.hc b{position:relative;display:block;font-size:13px}.hc small{position:relative;font-size:11px;color:var(--mu)}
.pbar{display:inline-block;width:46px;height:6px;border-radius:4px;background:var(--panel2);margin-right:6px;vertical-align:middle;overflow:hidden}.pbar i{display:block;height:100%;background:var(--acc)}
.amenu a small{display:block;font-size:10.5px;font-weight:500;color:var(--mu);margin-top:3px;line-height:1.25}

/* ======================= SAYT: kirish sahifasi ======================= */
.hback{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line2);background:var(--panel);color:var(--tx);cursor:pointer;flex:none;margin-right:-2px}
.hback[hidden]{display:none}
.hdr{gap:10px}.hdr .brand{margin-right:auto}
.login-box{max-width:440px;margin:6vh auto 0;text-align:center;padding:0 4px}
.login-box h1{font:700 34px var(--hd);letter-spacing:2px;margin:14px 0 6px}
.login-logo{width:96px;height:96px;border-radius:24px;box-shadow:0 18px 50px rgba(var(--acc-rgb),.25)}
.tgbtn{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;background:#2aabee;color:#fff;font-size:16px}
.tgbtn:hover{background:#229ed9}
.spin.sm{width:18px;height:18px;border-width:2px;margin:0}
html.login .hdr .bal{display:none}

/* ======================= Moslashuvchan dizayn ======================= */
/* Planshet va katta telefon: kengroq ustun */
@media (min-width:720px){
  main{max-width:780px;padding-left:24px;padding-right:24px}
  .kpis{grid-template-columns:repeat(4,1fr)}
  .amenu{grid-template-columns:repeat(4,1fr)}
  .qgrid{grid-template-columns:repeat(6,1fr)}
  #cartbar .cb{max-width:740px}
  .sheet{max-width:620px}
}
/* Kompyuter: chapda menyu, keng sahifa, markazdagi oynalar */
@media (min-width:1100px){
  :root{--side:236px}
  .hdr{padding-left:calc(var(--side) + 28px);padding-right:28px}
  .hdr .brand{position:fixed;left:22px;top:12px}
  .hdr .bal{margin-left:auto}
  .tabs{z-index:15;top:0;bottom:0;left:0;right:auto;width:var(--side);flex-direction:column;justify-content:flex-start;gap:4px;padding:76px 14px 20px;border-top:0;border-right:1px solid var(--line);background:rgba(var(--bg-rgb),.97)}
  .tabs a{flex:none;flex-direction:row;justify-content:flex-start;gap:12px;font-size:14.5px;padding:11px 14px;border-radius:12px;color:var(--mu)}
  .tabs a:hover{background:var(--panel);color:var(--tx)}
  .tabs a.on{background:rgba(var(--acc-rgb),.1);color:var(--acc-t)}
  .tabs a.on:before{top:10px;bottom:10px;left:0;width:3px;height:auto}
  .tabs .badge{position:static;margin-left:auto}
  main{margin-left:var(--side);max-width:1120px;padding:24px 36px 80px;margin-right:auto}
  html:not(.web) main{max-width:1120px}
  .amenu{grid-template-columns:repeat(5,1fr)}
  .amenu a{padding:18px 10px;transition:transform .15s,border-color .15s}
  .amenu a:hover{transform:translateY(-2px);border-color:var(--acc)}
  .grid2{gap:14px}
  .card:hover{border-color:var(--line2)}
  #cartbar .cb{left:calc(var(--side) + 36px);right:36px;bottom:24px;max-width:none}
  .ov{align-items:center}
  .sheet{border-radius:20px;border-bottom:1px solid var(--line2);max-width:600px;padding-bottom:22px}
  .sheet .grab{display:none}
  .login-box{margin-top:10vh}
  html.login .tabs{display:none}
  html.login main{margin-left:auto;margin-right:auto}
  html.login .hdr{padding-left:28px}
  html.login .hdr .brand{position:static}
  .btn{cursor:pointer}
  .rchart{height:200px}
}
@media (min-width:1500px){ main{max-width:1240px} .amenu{grid-template-columns:repeat(6,1fr)} }
/* Sichqoncha bilan ishlaganda */
@media (hover:hover){ .line[onclick]:hover,.menu button:hover{background:rgba(var(--fg-rgb),.03)} a.line:hover{background:rgba(var(--fg-rgb),.03)} }
@media (min-width:1100px){ .tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start} .tiers .tier{margin:0;height:100%;display:flex;flex-direction:column} .tiers .tier .btn{margin-top:auto} }
@media (min-width:1500px){ .tiers{grid-template-columns:repeat(3,1fr)} }
.pwbtns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.pwbtns .btn{width:100%}
.pwout{background:#000;border:1px solid var(--line2);border-radius:10px;padding:10px;font-size:12px;white-space:pre-wrap;margin-top:10px;max-height:200px;overflow:auto}
.fcrumb{font-size:13px;padding:8px 2px;overflow-x:auto;white-space:nowrap}
.fcrumb a{color:var(--acc-t)}
.ftools{display:flex;gap:8px;margin:4px 0 10px;flex-wrap:wrap}
.ftools .btn{width:auto;flex:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.fdrop{display:none;border:2px dashed var(--line2);border-radius:14px;padding:22px;text-align:center;color:var(--mu);margin-bottom:10px;font-size:13px}
.fdrop.on{border-color:var(--acc);color:var(--acc-t);background:rgba(var(--acc-rgb),.06)}
@media (hover:hover) and (pointer:fine){ .fdrop{display:block} }
.fl{cursor:pointer}.fic{font-size:22px;width:30px;text-align:center;flex:none}
textarea.code{width:100%;min-height:52vh;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#000;color:var(--tx);border:1px solid var(--line2);border-radius:10px;padding:10px;resize:vertical;white-space:pre;tab-size:4}
.sheet.wide{max-width:900px}
.pwbtns .btn{white-space:nowrap;font-size:13px;padding-left:6px;padding-right:6px}
/* ---- Sayt: ochiq sahifa ---- */
.hlogin{width:auto;margin-left:auto;padding:8px 16px}
html:not(.landing) .hlogin{display:none}
.lhero .lcta{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.lhero .lcta .btn{flex:1;min-width:200px;margin:0;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.lhero .tgbtn{margin-top:0}
.ldisc{margin-top:12px;border-color:rgba(var(--acc-rgb),.4)}
.lgrid{display:grid;gap:10px}
.lsrv .btn{width:100%}
.lpl table{width:100%}
.login-card .tgbtn{margin-top:14px;text-decoration:none}
.lfoot{text-align:center;color:var(--mu);font-size:12.5px;padding:26px 0 10px}
.lfoot a{color:var(--acc-t)}
a.btn{display:block;text-align:center;text-decoration:none}
@media (min-width:720px){ .lgrid{grid-template-columns:repeat(2,1fr)} .lgrid.tiers{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1100px){ html.landing main{max-width:1120px} .lgrid.tiers{grid-template-columns:repeat(3,1fr)} }
a.btn.tgbtn{display:flex;align-items:center;justify-content:center;gap:10px}
.lgrid{align-items:start}.lgrid>.card{margin:0}
.pwbtns.two{grid-template-columns:1fr 1fr}.pwbtns.one{grid-template-columns:1fr}
.btn.steam{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;margin-top:10px;padding:10px 20px;background:#1f1f22;color:#f1f1f1;border:1px solid #2e2e33;border-radius:12px;box-shadow:none;font-weight:600;text-transform:none;letter-spacing:0;font-size:15px}
.btn.steam:hover{background:#28282c;border-color:#3a3a40}
.btn.steam .sti{width:22px;height:22px;border-radius:50%;object-fit:contain}
.tgpay{border-color:rgba(42,171,238,.45)}.tgpay .tgbtn{margin-top:10px}
.pcat{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pitem{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}
.pitem img,.pimg0{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;cursor:zoom-in;background:#000}
.pimg0{display:grid;place-items:center;font-size:34px}
.pin{padding:8px 10px 10px}.pin b.ell{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:720px){ .pcat{grid-template-columns:repeat(3,1fr)} }
@media (min-width:1100px){ .pcat{grid-template-columns:repeat(4,1fr)} }
.pgh{font-weight:700;font-size:13px;color:var(--acc-t);margin:14px 0 4px;letter-spacing:.3px}
.ordiv{display:flex;align-items:center;gap:10px;color:var(--mu);font-size:12px;margin:16px 0 10px}.ordiv:before,.ordiv:after{content:"";flex:1;height:1px;background:var(--line2)}

/* ======================= v14: bosh ekran (hero) ======================= */
.hx{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line2);isolation:isolate;
  background:linear-gradient(180deg,rgba(var(--bg-rgb),.25),rgba(var(--bg-rgb),.88) 78%),var(--bgimg,url(bg-m.jpg)) 70% 30%/cover no-repeat;animation:hxin .5s ease-out both}
.hx:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 60% at 90% 10%,rgba(var(--acc-rgb),.22),transparent 70%);pointer-events:none}
.hx-in{padding:20px 18px 6px}
.hx-kick{display:flex;align-items:center;gap:10px;font:700 12px var(--hd);letter-spacing:3px;color:var(--tx)}
.hx-kick img{width:34px;height:34px;border-radius:10px;border:1px solid var(--line2)}
.hx-t{font:700 42px/1 var(--hd);letter-spacing:2px;text-transform:uppercase;margin:16px 0 0;text-shadow:0 4px 30px rgba(0,0,0,.7)}
.hx-tag{font:700 13px var(--hd);letter-spacing:3px;text-transform:uppercase;color:var(--acc-t);margin-top:8px}
.hx-hi{margin:10px 0 0;color:var(--tx);font-size:14px;max-width:520px}
.hx-sum{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.hx-pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--tx);background:rgba(0,0,0,.5);border:1px solid var(--line2);border-radius:999px;padding:6px 12px;backdrop-filter:blur(6px)}
.hx-pill b{color:#fff}.hx-pill.on b{color:var(--ok)}
.hx-tabs{display:flex;gap:8px;overflow-x:auto;padding:14px 18px 2px;scrollbar-width:none}
.hx-tabs::-webkit-scrollbar{display:none}
.hx-tabs button{flex:none;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;background:rgba(0,0,0,.55);border:1px solid var(--line2);color:var(--tx);font:700 14px var(--hd);letter-spacing:.5px;cursor:pointer;transition:all .2s}
.hx-tabs button small{font:600 11px var(--bd,inherit);color:var(--mu)}
.hx-tabs button.on{border-color:var(--acc);color:#fff;background:rgba(var(--acc-rgb),.14);box-shadow:0 0 0 1px rgba(var(--acc-rgb),.25),0 6px 24px rgba(var(--acc-rgb),.18)}
.hx-strip{display:grid;gap:1px;margin:12px 12px 12px;border-radius:16px;overflow:hidden;border:1px solid var(--line2);border-left:3px solid var(--acc);background:var(--line);backdrop-filter:blur(8px)}
.hx-strip.off{border-left-color:var(--mu2)}
.hx-strip.sk{height:150px;background:rgba(0,0,0,.4)}
.hx-c{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(var(--bg-rgb),.86);color:var(--tx);min-width:0}
.hx-c small{display:block;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--mu)}
.hx-c b{font:700 19px var(--hd);letter-spacing:.5px;color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-c b em{font-style:normal;color:var(--mu);font-size:15px}
.hx-ip{color:var(--acc-t)!important}
.hx-ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:rgba(var(--acc-rgb),.1);border:1px solid rgba(var(--acc-rgb),.22)}
.hx-bar{height:4px;border-radius:4px;background:rgba(var(--fg-rgb),.08);margin-top:6px;overflow:hidden}
.hx-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc2),var(--acc));border-radius:4px;transition:width .6s}
.hx-mini{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 10px;border-radius:10px;background:rgba(var(--fg-rgb),.04);border:1px solid var(--line2);color:var(--tx);font-size:15px;cursor:pointer}
.hx-mini span{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--mu)}
.btn.steam.hx-go{margin:0;flex:none;padding:9px 14px;font-size:14px}
@keyframes hxin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (min-width:720px){
  .hx{background:linear-gradient(90deg,rgba(var(--bg-rgb),.94) 0%,rgba(var(--bg-rgb),.7) 45%,rgba(var(--bg-rgb),.15) 100%),var(--bgimg,url(bg.jpg)) right center/cover no-repeat}
  .hx-in{padding:34px 32px 10px;min-height:260px}
  .hx-t{font-size:64px}
  .hx-tabs{padding:18px 26px 2px;justify-content:flex-end}
  .hx-strip{grid-template-columns:1.25fr 1fr 1.15fr;margin:12px 22px 22px}
}
@media (min-width:1100px){ .hx-in{min-height:330px;padding:52px 48px 10px} .hx-t{font-size:84px} .hx-hi{font-size:16px} }

/* ======================= v14: kompyuter — tepada menyu ======================= */
@media (min-width:1100px){
  :root{--side:0px}
  .hdr{height:68px;padding:0 max(28px,calc((100vw - 1240px)/2));background:rgba(var(--bg-rgb),.82);border-bottom:1px solid rgba(var(--fg-rgb),.06)}
  .hdr .brand{position:static}
  .tabs{position:fixed;top:0;bottom:auto;left:50%;right:auto;transform:translateX(-50%);width:auto;height:68px;flex-direction:row;align-items:stretch;gap:2px;padding:0;background:none;border:0;z-index:25;backdrop-filter:none;-webkit-backdrop-filter:none}
  .tabs a{flex-direction:row;align-items:center;gap:8px;padding:0 16px;border-radius:0;font:700 14.5px var(--hd);letter-spacing:.8px;text-transform:uppercase;color:var(--tx);background:none!important;position:relative}
  .tabs a svg{width:19px;height:19px}
  .tabs a:after{content:"";position:absolute;left:16px;right:16px;bottom:14px;height:2px;border-radius:2px;background:var(--acc);transform:scaleX(0);transition:transform .25s ease}
  .tabs a:hover{color:var(--tx)}.tabs a:hover:after{transform:scaleX(.5)}
  .tabs a.on{color:var(--acc-t)}.tabs a.on:after{transform:scaleX(1)}
  .tabs a.on:before{display:none}
  .tabs .badge{position:absolute;top:12px;right:4px;left:auto;margin:0}
  main{margin-left:auto;margin-right:auto;max-width:1240px;padding:26px 28px 80px}
  html:not(.web) main{max-width:1240px}
  #cartbar .cb{left:auto;right:max(28px,calc((100vw - 1240px)/2));width:420px;bottom:24px}
  html.login .hdr{padding-left:max(28px,calc((100vw - 1240px)/2))}
}

/* ======================= v14: sichqoncha bilan silliq harakatlar ======================= */
@media (hover:hover) and (pointer:fine){
  .btn,.q,.tcard,.card.menu>a,.card.menu>button,.amenu a,.hx-tabs button,.hx-mini,.hx-c,.pitem,.tier,.lsrv,.seg button,.chip,.bal,.brand,.sv{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,background-color .22s,color .22s,filter .22s}
  .btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(var(--acc-rgb),.28);filter:brightness(1.06)}
  .btn.ghost:hover,.btn.steam:hover{box-shadow:0 10px 24px rgba(0,0,0,.45)}
  .btn:active,.q:active,.tcard:active{transform:translateY(0) scale(.98)}
  .q:hover,.tcard:hover,.pitem:hover,.amenu a:hover,.tier:hover{transform:translateY(-3px);border-color:rgba(var(--acc-rgb),.45);box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 0 1px rgba(var(--acc-rgb),.12)}
  .q-main{position:relative;overflow:hidden}
  .q-main:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(var(--fg-rgb),.22),transparent);transform:skewX(-18deg);transition:left .7s ease}
  .q-main:hover:after{left:130%}
  .q-main:hover .qgo{transform:translateX(4px)}.q-main .qgo{transition:transform .25s}
  .q:hover span{transform:scale(1.12) rotate(-4deg)}.q span{transition:transform .25s;display:inline-block}
  .card.menu>a:hover,.card.menu>button:hover{background:rgba(var(--fg-rgb),.035)}
  .card.menu>a:hover .chev,.card.menu>button:hover .chev{transform:translateX(3px);color:var(--acc-t)}.chev{transition:transform .2s,color .2s}
  .card.menu>a:hover .ico,.card.menu>button:hover .ico{transform:scale(1.08)}.ico{transition:transform .2s}
  .hx-tabs button:hover{transform:translateY(-2px);border-color:rgba(var(--acc-rgb),.6);color:#fff}
  .hx-mini:hover{border-color:var(--acc);color:var(--acc-t);transform:translateY(-1px)}
  a.hx-c:hover{background:rgba(var(--panel-rgb),.92)}
  .bal:hover,.brand:hover{filter:brightness(1.12)}
  .seg button:hover:not(.on){color:var(--tx)}
  .card{transition:border-color .25s,box-shadow .25s}
  .card:hover{border-color:var(--line2)}
}
@media (prefers-reduced-motion:reduce){ *,*:before,*:after{animation:none!important;transition:none!important} }
/* v14: sayt — kirish oynasi */
.hx-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.hx-cta .btn{width:auto;margin:0;padding:13px 22px;display:inline-flex;align-items:center;gap:8px}
html.landing main{padding-top:18px}
.lcta2{display:flex;align-items:center;gap:14px;margin-top:22px;border-color:rgba(var(--acc-rgb),.35);background:linear-gradient(90deg,rgba(var(--acc-rgb),.1),rgba(var(--acc-rgb),.02))}
.lcta2 small{display:block;margin-top:2px}.lcta2 .btn{width:auto;margin:0;flex:none;padding:11px 20px}
.hlogin{font:700 14px var(--hd);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--acc);background:rgba(var(--acc-rgb),.12);color:#fff}
.auth-sheet{max-width:440px!important}
.auth-h{display:flex;align-items:center;gap:12px}
.auth-h img{width:52px;height:52px;border-radius:14px;border:1px solid var(--line2);box-shadow:0 6px 26px rgba(var(--acc-rgb),.3)}
.auth-h b{font:700 22px var(--hd);letter-spacing:1px;display:block}.auth-h small{color:var(--mu)}
.auth-steps{display:flex;gap:6px;margin:16px 0 14px}
.auth-steps span{flex:1;text-align:center;font-size:11px;letter-spacing:.5px;color:var(--mu2);padding-top:8px;border-top:3px solid var(--line2);transition:all .3s}
.auth-steps span.on{color:var(--tx);border-color:var(--acc)}
.auth-opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px;margin-top:10px;border-radius:14px;background:var(--panel2);border:1px solid var(--line2);color:var(--tx);cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
.auth-opt b{display:block;font-size:15.5px}.auth-opt small{color:var(--mu);font-size:12px}
.auth-opt i{font-style:normal;font-size:22px;color:var(--mu);transition:transform .2s}
.ao-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:rgba(var(--fg-rgb),.05);border:1px solid var(--line2)}
.auth-opt.tg{border-color:rgba(42,171,238,.5);background:linear-gradient(90deg,rgba(42,171,238,.14),rgba(42,171,238,.03))}
.auth-opt.tg .ao-ic{background:#2aabee;color:#fff;border:0}
.auth-opt:hover{transform:translateY(-2px);border-color:var(--acc)}.auth-opt.tg:hover{border-color:#2aabee}.auth-opt:hover i{transform:translateX(3px);color:var(--tx)}
.auth-back{background:none;border:0;color:var(--mu);font-size:13px;margin-top:12px;cursor:pointer;padding:4px 0}
.auth-back:hover{color:var(--tx)}
.auth-code input{width:100%;margin:10px 0;text-align:center;font:700 30px var(--hd);letter-spacing:10px;padding:12px}
.auth-note{font-size:12px;color:var(--mu);margin:16px 0 0;text-align:center;line-height:1.5}
.auth #lgs .card{margin-top:12px}
/* v14.1: server paneli hero ostida alohida */
.hx-box .hx-tabs{padding:0 0 2px;justify-content:flex-start}
.hx-box .hx-strip{margin:10px 0 0}
.hx-box .hx-c{background:var(--panel)}
.btn.steam .sti.cdn{border-radius:0;filter:invert(1);width:21px;height:21px}
@media (min-width:720px){ .hx-in{min-height:0;padding-bottom:30px} }
@media (min-width:1100px){ .hx-in{min-height:300px;padding-bottom:48px} }
/* v14.1: mehmon (sayt) menyusi */
html.landing .tabs{display:flex}
@media (min-width:1100px){ html.landing .tabs{display:flex} html.landing main{margin-left:auto;margin-right:auto;max-width:1240px} }
html.landing main{padding-bottom:calc(110px + var(--safe-b))}
@media (min-width:1100px){ html.landing main{padding-bottom:60px} }
@media (min-width:720px){ .hx{background-position:0 0,right 22%;background-size:auto,cover} }
/* v14.2: fon — sahifa tepasiga yoyilgan rasm, pastga silliq o'tadi; hero kartochkasiz */
html{background:var(--bg)}body{position:relative;background:transparent!important}
body:before{position:absolute;top:0;left:0;right:0;bottom:auto;height:min(760px,100vh);
  background:linear-gradient(180deg,rgba(var(--bg-rgb),.25) 0%,rgba(var(--bg-rgb),.35) 45%,var(--bg) 100%),var(--bgimg,url(bg-m.jpg)) center top/cover no-repeat}
@media (min-width:900px){ body:before{height:min(900px,100vh);
  background:linear-gradient(90deg,rgba(var(--bg-rgb),.85) 0%,rgba(var(--bg-rgb),.35) 45%,rgba(var(--bg-rgb),.1) 100%),linear-gradient(180deg,rgba(var(--bg-rgb),.1) 0%,rgba(var(--bg-rgb),.2) 60%,var(--bg) 100%),var(--bgimg,url(bg.jpg)) center 25%/cover no-repeat} }
.hdr{background:rgba(var(--bg-rgb),.55)}
.hx,.hx.lhx{background:none!important;border:0;border-radius:0;overflow:visible;box-shadow:none}
.hx:before{display:none}
.hx-in{padding:16px 2px 10px}
.hx-t{text-shadow:0 6px 40px rgba(0,0,0,.8)}
@media (min-width:720px){ .hx-in{padding:40px 4px 30px} }
@media (min-width:1100px){ .hx-in{min-height:0;padding:90px 0 80px} .hx-t{font-size:92px} }
@media (min-width:900px){ body:before{background:linear-gradient(90deg,rgba(var(--bg-rgb),.7) 0%,rgba(var(--bg-rgb),.25) 45%,rgba(var(--bg-rgb),0) 100%),linear-gradient(180deg,rgba(var(--bg-rgb),0) 0%,rgba(var(--bg-rgb),.15) 60%,var(--bg) 100%),var(--bgimg,url(bg.jpg)) center top/cover no-repeat} }
body:before{background:linear-gradient(180deg,rgba(var(--bg-rgb),.1) 0%,rgba(var(--bg-rgb),.3) 55%,var(--bg) 100%),var(--bgimg,url(bg-m.jpg)) center top/cover no-repeat}
@media (min-width:900px){ body:before{background:linear-gradient(90deg,rgba(var(--bg-rgb),.7) 0%,rgba(var(--bg-rgb),.25) 45%,rgba(var(--bg-rgb),0) 100%),linear-gradient(180deg,rgba(var(--bg-rgb),0) 0%,rgba(var(--bg-rgb),.15) 60%,var(--bg) 100%),var(--bgimg,url(bg.jpg)) center top/cover no-repeat} }
/* v14.4: belgilar */
.iiw{display:inline-grid;place-items:center;color:var(--acc-t)}
.ii{width:1.15em;height:1.15em;display:block}
.q>span.iiw{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,rgba(var(--acc-rgb),.18),rgba(var(--acc-rgb),.04));border:1px solid rgba(var(--acc-rgb),.28);font-size:19px}
.q-main>span.iiw{background:rgba(var(--fg-rgb),.14);border-color:rgba(var(--fg-rgb),.25);color:#fff;width:46px;height:46px;font-size:24px}
.ico.iiw{font-size:19px}
.tcard .ic.iiw,.tier .ic.iiw{font-size:26px;width:46px;height:46px;border-radius:13px;background:rgba(var(--fg-rgb),.04);border:1px solid currentColor;box-shadow:0 0 22px -6px currentColor}
.tier .ic.iiw{color:var(--tc,var(--acc))}
.hx-ic.iiw{color:var(--acc-t);font-size:20px}
.bico{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;font-size:17px;flex:none}
.bico img{width:18px;height:18px;filter:invert(1)}
.ico:has(.bico){background:none!important;border:0!important}
/* v14.4: fon butun sahifada, qimirlamaydi */
body:before{position:fixed;inset:0;height:auto;
  background:linear-gradient(180deg,rgba(var(--bg-rgb),.15) 0%,rgba(var(--bg-rgb),.55) 60%,rgba(var(--bg-rgb),.72) 100%),var(--bgimg,url(bg-m.jpg)) center top/cover no-repeat}
@media (min-width:900px){ body:before{background:linear-gradient(90deg,rgba(var(--bg-rgb),.65) 0%,rgba(var(--bg-rgb),.2) 45%,rgba(var(--bg-rgb),.05) 100%),linear-gradient(180deg,rgba(var(--bg-rgb),0) 0%,rgba(var(--bg-rgb),.35) 70%,rgba(var(--bg-rgb),.6) 100%),var(--bgimg,url(bg.jpg)) center 30%/cover no-repeat} }
.card,.q,.tcard,.tier,.lsrv,.pitem{background-color:rgba(var(--panel-rgb),.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* ======================= v15: qulaylik ======================= */
/* Skelet (spinner o'rniga) */
.skel{display:grid;gap:10px;padding:4px 0}
.skel i{display:block;height:74px;border-radius:14px;background:linear-gradient(90deg,rgba(var(--fg-rgb),.04) 0%,rgba(var(--fg-rgb),.09) 40%,rgba(var(--fg-rgb),.04) 80%);background-size:300% 100%;animation:sk 1.2s ease-in-out infinite}
.skel i.h{height:150px}.skel i.s{height:44px;width:70%}
@keyframes sk{0%{background-position:100% 0}100%{background-position:0 0}}
/* Mening holatim */
.mys{border-color:rgba(var(--acc-rgb),.35);background:linear-gradient(135deg,rgba(var(--acc-rgb),.16),rgba(var(--panel-rgb),.85) 60%)!important;margin-top:12px}
.mys.warn{border-color:#ff8a4c}
.mys small.mu{display:block;font-size:11px;letter-spacing:1px}
.mys-t{display:block;font:700 24px var(--hd);letter-spacing:.5px;margin:2px 0}
.mys .btn{width:auto;margin:0;flex:none}
.mys-bar{height:6px;border-radius:6px;background:rgba(var(--fg-rgb),.08);margin:12px 0 6px;overflow:hidden}
.mys-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--acc),var(--acc-t))}
.mys.warn .mys-bar i{background:linear-gradient(90deg,#ff8a4c,#ffb36b)}
.mys-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.mys-row a{background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:11px;padding:8px 10px;color:var(--tx)}
.mys-row small{display:block;font-size:10.5px;color:var(--mu);text-transform:uppercase;letter-spacing:.8px}
.mys-row b{font:700 17px var(--hd)}
/* Profil: hamyon kartasi */
.card.wallet{background:linear-gradient(135deg,#2a0b10 0%,#160c0d 55%,#0e0a0a 100%)!important;border-color:rgba(var(--acc-rgb),.35);position:relative;overflow:hidden}
.card.wallet:after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(var(--acc-rgb),.25),transparent 70%);pointer-events:none}
/* Savatcha bosqichlari */
div.steps{display:flex;gap:6px;margin:4px 0 14px}
div.steps span{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--mu2);position:relative}
div.steps span i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;border:1.5px solid var(--line2);background:var(--panel)}
div.steps span.done{color:var(--mu)}div.steps span.done i{background:var(--acc);border-color:var(--acc);color:#fff}
div.steps span.on{color:var(--tx);font-weight:600}div.steps span.on i{border-color:var(--acc-t);color:var(--acc-t);box-shadow:0 0 0 4px rgba(var(--acc-rgb),.15)}
/* Tariflarni solishtirish */
.cmpw{overflow-x:auto;margin:0 -4px}
table.cmp{width:100%;border-collapse:collapse;font-size:13px}
.cmp th{font:700 14px var(--hd);letter-spacing:.5px;padding:8px 6px;text-align:center;white-space:nowrap}
.cmp th .ic{font-size:20px}
.cmp td{padding:9px 6px;border-top:1px solid var(--line);text-align:center}
.cmp td:first-child{text-align:left;color:var(--tx)}
.cmp tr.pr td{font-family:var(--hd);font-size:15px;color:var(--acc-t)}
.mu2{color:var(--mu2)}
/* Qo'ng'iroq (bildirishnomalar) */
.hbell{position:relative;width:40px;height:40px;border-radius:11px;background:var(--panel2);border:1px solid var(--line2);color:var(--tx);display:grid;place-items:center;cursor:pointer;flex:none}
.hbell i{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:9px;background:var(--bad);color:#fff;font:700 10.5px/18px Inter,sans-serif;font-style:normal;text-align:center;padding:0 4px;border:2px solid var(--bg)}
.ndot{width:8px;height:8px;border-radius:50%;background:var(--acc-t);flex:none}
/* Footer */
.foot{max-width:640px;margin:0 auto;padding:10px 16px calc(120px + var(--safe-b))}
.ft-in{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:12px;justify-items:center;text-align:center}
.ft-b{display:flex;align-items:center;gap:10px}.ft-b img{width:36px;height:36px;border-radius:10px}
.ft-b b{display:block;font:700 17px var(--hd);letter-spacing:1px}.ft-b small{color:var(--mu);font-size:11px}
.ft-l{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.ft-n{display:flex;gap:6px 16px;flex-wrap:wrap;justify-content:center;font-size:13px}
.ft-n a{color:var(--mu)}.ft-n a:hover{color:var(--tx)}
html.landing .foot,html.login .foot{display:none}
main{padding-bottom:20px}
@media (min-width:720px){ .foot{max-width:780px} }
@media (min-width:1100px){ .foot{max-width:1240px;padding:20px 28px 40px} .ft-in{grid-template-columns:auto 1fr auto;justify-items:start;text-align:left;align-items:center} .ft-in>small{grid-column:1/-1} .ft-n{justify-content:flex-end} }
/* Kompyuter: menyuda ochiladigan ro'yxat */
.tabs .dd{display:none}
@media (min-width:1100px){
  .tabs a .dd{position:absolute;top:60px;left:50%;transform:translateX(-50%) translateY(6px);min-width:190px;padding:6px;border-radius:14px;background:rgba(var(--panel-rgb),.97);border:1px solid var(--line2);box-shadow:0 18px 40px rgba(0,0,0,.55);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;text-transform:none;letter-spacing:0}
  .tabs a:hover .dd{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
  .tabs .dd b{font:500 14px Inter,sans-serif;color:var(--tx);padding:9px 12px;border-radius:9px;cursor:pointer;white-space:nowrap}
  .tabs .dd b:hover{background:rgba(var(--acc-rgb),.14);color:#fff}
  .tabs a:after{z-index:1}
}
/* Admin: qidiruv va «kutmoqda» */
.asearch{margin:4px 0 6px}
.card.todo{border-color:rgba(var(--bad-rgb),.45);background:rgba(var(--bad-rgb),.06)!important}
.card.todo .chip b{margin-left:4px}
.ans{background:rgba(var(--fg-rgb),.03);border-left:3px solid var(--acc);padding:8px 10px;border-radius:8px;font-size:13.5px;white-space:pre-wrap}
/* v15.1: profil — tarif belgisi va flaglar */
.ptit{display:flex;align-items:center;gap:10px;min-width:0}
.ptit .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex:none;background:rgba(var(--fg-rgb),.04);border:1px solid currentColor;box-shadow:0 0 18px -6px currentColor}
.ptit h3{margin:0;line-height:1.1}.ptit small{display:block;font-size:11.5px}
.flg{display:flex;flex-wrap:wrap;gap:3px}
.flg i{font-style:normal;font:700 12px ui-monospace,Menlo,monospace;min-width:20px;height:20px;padding:0 5px;display:inline-grid;place-items:center;border-radius:6px;background:rgba(var(--acc-rgb),.14);border:1px solid rgba(var(--acc-rgb),.35);color:var(--acc-t);cursor:help}
.hint.flg{display:block;line-height:2}
/* v16: bosh sahifa — qo'shimcha xizmatlar */
.xsgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.xs{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:12px;border-radius:14px;background:var(--panel);border:1px solid var(--line);color:var(--tx);cursor:pointer;min-width:0;font:inherit}
.xs .ic{font-size:19px;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(var(--acc-rgb),.12);border:1px solid rgba(var(--acc-rgb),.28);color:var(--acc-t);margin-bottom:4px}
.xs b{font-size:13.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xs small{color:var(--acc-t);font-weight:600;font-size:12px}
@media (min-width:720px){ .xsgrid{grid-template-columns:repeat(3,1fr)} }
@media (min-width:1100px){ .xsgrid{grid-template-columns:repeat(4,1fr)} }
/* v16: reyting */
.tkinds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.tkinds button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:13px;background:var(--panel);border:1px solid var(--line);color:var(--mu);font:600 12.5px inherit;cursor:pointer}
.tkinds button span{font-size:20px}
.tkinds button.on{color:#fff;border-color:var(--acc);background:linear-gradient(160deg,rgba(var(--acc-rgb),.3),rgba(var(--acc-rgb),.06));box-shadow:0 6px 20px -8px rgba(var(--acc-rgb),.6)}
.mycard{border-color:rgba(var(--acc-rgb),.35);background:linear-gradient(135deg,rgba(var(--acc-rgb),.14),rgba(var(--panel-rgb),.85))}
.myr{font:700 30px var(--hd);letter-spacing:.5px}.myr small{font-size:15px;color:var(--mu)}
.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;align-items:end;margin:12px 0 10px}
.pd{position:relative;text-align:center;padding:12px 8px 26px;border-radius:16px 16px 10px 10px;background:var(--panel);border:1px solid var(--line);cursor:pointer;min-width:0}
.pd b{display:block;font-size:14px;margin-top:4px}.pd small{color:var(--mu);font-size:11.5px}
.pd .pm{font-size:30px;line-height:1}.pd i{position:absolute;left:0;right:0;bottom:6px;font:700 13px var(--hd);font-style:normal;color:var(--mu)}
.pd1{padding-top:20px;padding-bottom:40px;border-color:#d4a72c;background:linear-gradient(180deg,rgba(212,167,44,.22),rgba(var(--panel-rgb),.9));box-shadow:0 10px 30px -12px rgba(212,167,44,.6)}
.pd1 .pm{font-size:40px}.pd2{border-color:#9aa4ad;background:linear-gradient(180deg,rgba(154,164,173,.18),rgba(var(--panel-rgb),.9))}.pd3{border-color:#b56d3c;background:linear-gradient(180deg,rgba(181,109,60,.18),rgba(var(--panel-rgb),.9))}
.pd.mine,tr.mine td{box-shadow:inset 0 0 0 1px var(--acc)}tr.mine td{background:rgba(var(--acc-rgb),.12)}

/* v16.1: bosh sahifadagi xizmatlar ixchamroq */
.xsgrid{grid-template-columns:repeat(3,1fr);gap:6px}
.xs{padding:9px 8px;border-radius:12px;gap:1px}
.xs .ic{width:28px;height:28px;font-size:15px;border-radius:9px;margin-bottom:3px}
.xs b{font-size:12px;line-height:1.2}.xs small{font-size:11px}
@media (min-width:720px){ .xsgrid{grid-template-columns:repeat(4,1fr)} }
@media (min-width:1100px){ .xsgrid{grid-template-columns:repeat(6,1fr)} }

.cashback{border-color:rgba(var(--ok-rgb),.35);background:linear-gradient(135deg,rgba(var(--ok-rgb),.10),rgba(var(--panel-rgb),.85))}
.cbt .chip.ok{color:#8ee08a;border-color:rgba(var(--ok-rgb),.45);background:rgba(var(--ok-rgb),.12)}

/* v16.1: qoidalar bo'limlari */
.rtabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px;padding-bottom:2px}
.rtabs::-webkit-scrollbar{display:none}
.rtabs button{flex:none;display:flex;align-items:center;gap:6px;padding:9px 13px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--mu);font:600 13px inherit;cursor:pointer;white-space:nowrap}
.rtabs button span{font-size:16px}
.rtabs button.on{color:#fff;border-color:var(--acc);background:linear-gradient(160deg,rgba(var(--acc-rgb),.3),rgba(var(--acc-rgb),.06))}

/* v16.2: Yangiliklar va Qoidalar faqat kompyuterdagi tepa menyuda */
.tabs a.dsk{display:none}
@media (min-width:1100px){ .tabs a.dsk{display:flex} .tabs a{padding:0 13px} .tabs a:after{left:13px;right:13px} }

/* v16.2: tepa menyu logotip va balans orasiga sig'adi */

/* v16.4: telefonda pastki menyuda «Qoidalar» (qisqa nom), 7 ta tugma sig'adi */
@media (max-width:1099px){ .tabs a.qtab .lg{display:none} .tabs a{min-width:0} .tabs a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} }
/* v16.5: kompyuterda gorizontal menyular: ingichka scrollbar, tortib surish; qoidalar tugmalari qatorlarga sig'adi */
@media (hover:hover) and (pointer:fine){
  .hscroll,.seg,.hx-tabs,.presets,.cmpw{scrollbar-width:thin;scrollbar-color:rgba(var(--acc-rgb),.5) transparent}
  .hscroll::-webkit-scrollbar,.seg::-webkit-scrollbar,.hx-tabs::-webkit-scrollbar{display:block;height:6px}
  .hscroll::-webkit-scrollbar-thumb,.seg::-webkit-scrollbar-thumb,.hx-tabs::-webkit-scrollbar-thumb{background:rgba(var(--acc-rgb),.45);border-radius:6px}
  .hscroll,.seg,.hx-tabs,.rtabs{cursor:grab}
  .dragging{cursor:grabbing!important;user-select:none}
  .dragging *{pointer-events:none}
  .rtabs{flex-wrap:wrap;overflow:visible}
}

/* v16.6: iPhone — sahifa o'zidan kattalashib (zoom) qolmasin */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}
@media (max-width:1099px){ input,select,textarea{font-size:16px!important} }
html{overflow-x:clip}
/* v16.7: katalog (modellar, qurollar) — ekran kengligiga qarab 2…6 ustun, o'rtacha o'lchamdagi kartochkalar */
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:600px){ .pgrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))} }
@media (min-width:1100px){ .pgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px} }
.pgrid .card{margin:0;min-width:0}
@media (min-width:1500px){ .pgrid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr))} }

ol.steps{display:grid;gap:9px;margin:14px 0 0}
ol.steps li{min-width:0}

/* Bot jurnali */
.lgdays{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.lgdays .chip{white-space:nowrap;cursor:pointer}.lgdays small{opacity:.65;margin-left:4px}
.lgk{overflow-x:auto}.lgk button{white-space:nowrap}
.lgbox{padding:4px 0;font:12.5px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;max-height:70vh;overflow:auto}
.lgl{display:grid;grid-template-columns:auto auto 1fr;gap:8px;padding:6px 14px;border-bottom:1px solid var(--line);align-items:start}.lgl:last-child{border-bottom:0}
.lgl time{color:var(--mu)}.lgl b{font-weight:700;color:var(--mu);font-size:11px;padding-top:1px}.lgl span{word-break:break-word;white-space:pre-wrap;color:var(--tx)}
.lgl.lk-err b,.lgl.lk-err span{color:#ff6b78}.lgl.lk-warn b{color:#f0b429}.lgl.lk-act b{color:#5fd38d}.lgl.lk-app b{color:#6cb6ff}.lgl.lk-btn b{color:#c79bff}.lgl.lk-msg b{color:var(--tx)}
@media (max-width:520px){ .lgl{grid-template-columns:auto 1fr} .lgl b{display:none} }

/* Ban/gag: kim bergani */
.byl{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}
.byl span{font-size:11.5px;line-height:1.2;padding:3px 8px;border-radius:999px;border:1px solid var(--line2);background:rgba(var(--fg-rgb),.03);color:var(--tx);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.byl .byn{font-weight:700;border-color:rgba(var(--acc-rgb),.45);background:rgba(var(--acc-rgb),.12)}
.byl .byv.bot{color:#6cb6ff;border-color:rgba(108,182,255,.35)}.byl .byv.game{color:#5fd38d;border-color:rgba(var(--ok-rgb),.35)}.byl .byv.console{color:#f0b429;border-color:rgba(240,180,41,.35)}
.byl .byt{color:var(--mu)}

/* Juda tor telefonlar (iPhone SE, kichik Android 320–360px): sarlavha bir qatorda */
.brand small,.bal b{white-space:nowrap}
@media (max-width:360px){
  .hdr{gap:8px}.brand img{width:34px;height:34px}.brand b{font-size:16px}.brand small{font-size:11px}
  .bal{padding:4px 10px}.bal span{font-size:9px}.bal b{font-size:14px}.hbell{width:38px;height:38px}
  .tabs a span{font-size:10px}
}

/* Telegram to'liq ekran rejimi: sarlavha Telegram tugmalari («Yopish/Orqaga», «⌄ ⋯») ostidan boshlanadi */
html.tgfull .hdr{padding-top:calc(var(--tg-top,0px) + 8px)}
html.tgfull .tabs{padding-bottom:calc(6px + max(var(--safe-b,0px),var(--tg-bot,0px)))}
html.tgfull .sheet{max-height:calc(100vh - var(--tg-top,0px) - 16px)}
html.tgfull #hback{display:none!important}
html.tgfull .toast{top:calc(var(--tg-top,0px) + 12px)}
html.tgfull .gal .gx{top:calc(var(--tg-top,0px) + 12px)}


/* ======================= v18: fragment.com uslubi + kun/tun ======================= */
html,body{background:var(--bg)!important;color:var(--tx)}
body{font-family:var(--hd);transition:background-color .25s,color .25s}
body:before{display:none!important}
h1,h2,h3,h4{font-family:var(--hd);letter-spacing:-.2px}
/* Sarlavha va pastki menyu */
.hdr{background:var(--hdr-bg)!important;border-bottom:1px solid var(--line);box-shadow:none}
.brand b{font-family:var(--brand);letter-spacing:1.5px}
.bal{background:var(--panel2);border-color:var(--line)}
.bal b{color:var(--acc-t)}
.tabs{background:var(--tabs-bg)!important;border-top:1px solid var(--line)}
.tabs a{color:var(--mu)}
.tabs a.on{color:var(--acc-t)}
/* Kartochkalar: tekis, ingichka chegarali (fragment) */
.card,.q,.tcard,.tier,.lsrv,.pitem,.stat,.xs,.kpi{background:var(--panel)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:var(--line)!important}
.card{border-radius:14px;box-shadow:var(--shadow)}
:root[data-theme="dark"] .card{box-shadow:none}
.sec h3{font-size:17px;font-weight:700;text-transform:none;letter-spacing:-.2px}
.sec a{color:var(--info)}
label.l{text-transform:none;letter-spacing:0;font-size:12.5px;color:var(--mu)}
.mu{color:var(--mu)}
/* Tugmalar: to'liq rang, katta harfsiz — asosiy amal qizil-olov, ikkinchi darajali ko'k, qo'shish/tasdiqlash yashil, o'chirish/ban qizil */
.btn{font-family:var(--hd);text-transform:none;letter-spacing:0;font-size:15px;font-weight:600;border-radius:12px;background:var(--acc);color:#fff;box-shadow:none}
.btn:hover{background:var(--acc2)}
.btn.ghost{background:var(--panel2);color:var(--tx);border:1px solid var(--line2)}
.btn.ghost:hover{background:var(--line)}
.btn.blue{background:var(--blue);color:#fff;border:0}
.btn.green{background:var(--ok);color:#fff;border:0}
.btn.red{background:rgba(var(--bad-rgb),.12);color:var(--bad);border:1px solid rgba(var(--bad-rgb),.35)}
.btn.red:hover{background:var(--bad);color:#fff}
.btn.sm{font-size:13.5px;border-radius:10px}
.chip{background:var(--panel2);border-color:var(--line2);color:var(--tx2)}
.chip.acc{color:var(--acc-t);background:var(--acc-soft);border-color:rgba(var(--acc-rgb),.35)}
.chip.ok{color:var(--ok);background:rgba(var(--ok-rgb),.1);border-color:rgba(var(--ok-rgb),.35)}
.chip.bad{color:var(--bad);background:rgba(var(--bad-rgb),.1);border-color:rgba(var(--bad-rgb),.35)}
.chip.info{color:var(--info);background:rgba(var(--info-rgb),.1);border-color:rgba(var(--info-rgb),.35)}
.chip.warn{color:var(--warn);background:rgba(253,168,56,.12);border-color:rgba(253,168,56,.4)}
input,textarea,select{background:var(--bg2);border-color:var(--line2);color:var(--tx)}
input:focus,textarea:focus,select:focus{border-color:var(--info);box-shadow:0 0 0 3px rgba(var(--info-rgb),.15)}
.seg{background:var(--panel2);border-color:var(--line)}
.seg button{color:var(--mu)}
.seg button.on{background:var(--panel);color:var(--tx);box-shadow:0 1px 3px rgba(0,0,0,.18)}
:root[data-theme="dark"] .seg button.on,:root:not([data-theme]) .seg button.on{background:var(--line2)}
.sheet{background:var(--panel);border-color:var(--line)}
.ov{background:rgba(0,0,0,.5)}
.line,.menu a,.menu button{border-color:var(--line)}
.menu .ico{background:var(--panel2);border-color:var(--line)}
.kv span:nth-child(odd){color:var(--mu)}
code{color:var(--tx)}
.ok{color:var(--ok)}.bad{color:var(--bad)}.acc{color:var(--acc-t)}
a{color:var(--info)}
.tabs a,.brand,.amenu a,a.line,a.hx-c,.menu a,a.chip,a.disc{color:inherit}
.amenu a{background:var(--panel);border-color:var(--line)}
.amenu a span{color:var(--acc-t)}
.toast{background:var(--panel);border-color:var(--line2);color:var(--tx);box-shadow:var(--shadow)}
.toast.bad{border-color:rgba(var(--bad-rgb),.5)}
.empty{color:var(--mu)}
/* Hero (bosh ekran): CS rasmi kartochka ichida — har ikkala rejimda qorong'i, matn oq */
.hx,.hx.lhx{--tx:#fff;--tx2:#e6e9ee;--mu:#c3c9d2;--line:rgba(255,255,255,.14);--line2:rgba(255,255,255,.22);--panel:rgba(16,20,26,.62);--panel2:rgba(16,20,26,.5);
  position:relative;overflow:hidden!important;border-radius:20px!important;border:1px solid var(--line)!important;color:#fff;
  /* Telefon: rasm tepada TO'LIQ ko'rinadi (16:9, pichoq kesilmaydi), matn uning ostida */
  background:linear-gradient(180deg,rgba(10,12,16,0) 0,rgba(10,12,16,0) calc((100vw - 32px) * .40),rgba(10,12,16,.94) calc((100vw - 32px) * .5625)),var(--bgimg,url(hero-m.jpg)) top center/100% auto no-repeat,#0a0c10!important}
@media (max-width:899px){ .hx .hx-in,.hx.lhx .hx-in{padding-top:calc((100vw - 32px) * .5625 - 10px)!important} }
/* Kompyuter: pichoq o'ng tomonda to'liq ochiq, matn chapda — rasm kesilmaydi (hero.jpg 8:3) */
@media (min-width:900px){ .hx,.hx.lhx{background:linear-gradient(90deg,rgba(10,12,16,.9) 0%,rgba(10,12,16,.55) 32%,rgba(10,12,16,0) 56%),linear-gradient(0deg,rgba(10,12,16,.3),rgba(10,12,16,0) 30%),var(--bgimg,url(hero.jpg)) center/cover no-repeat,#0a0c10!important} }
@media (min-width:900px){ .hx,.hx.lhx{min-height:clamp(430px,31vw,560px)} }
.hx-in{padding:20px 18px 14px!important}
@media (min-width:720px){ .hx-in{padding:36px 30px 26px!important} }
@media (min-width:1100px){ .hx-in{padding:56px 44px 40px!important} .hx-t{font-size:76px!important} }
.hx .hx-c,.hx .hx-pill,.hx .hx-tabs button{background:rgba(16,20,26,.62)!important;border-color:rgba(255,255,255,.16)!important;color:#fff}
.hx .hx-t{font-family:var(--brand)}
/* Ma'lumot bloklari */
.note{border-radius:12px;padding:10px 12px;margin-top:10px;font-size:13px;line-height:1.45;background:var(--panel2);border:1px solid var(--line2);color:var(--tx2)}
.note.warn{background:rgba(253,168,56,.1);border-color:rgba(253,168,56,.35)}
.rule{background:rgba(var(--acc-rgb),.07);border-color:rgba(var(--acc-rgb),.25);color:var(--tx2)}
.pfx{color:var(--gold);font-family:ui-monospace,Menlo,Consolas,monospace}
.dot.off{background:var(--bad)}
.hx-pill.offp{border-color:rgba(var(--bad-rgb),.5)!important;color:#ffb4ae}
/* 🔄 Avto-uzaytirish qatori */
.autorow{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding:11px 14px;border-radius:12px;border:1px dashed var(--line2);background:transparent;color:var(--tx2);cursor:pointer;font-weight:600;font-size:13.5px}
.autorow i{font-style:normal;font-size:12px;padding:3px 10px;border-radius:20px;background:var(--panel2);color:var(--mu)}
.autorow.on{border-style:solid;border-color:rgba(var(--ok-rgb),.45);background:rgba(var(--ok-rgb),.07)}
.autorow.on i{background:var(--ok);color:#fff}
/* Uzaytirish variantlari */
.rnopt{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;margin-top:8px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);color:var(--tx);cursor:pointer;text-align:left}
.rnopt:hover{border-color:var(--acc)}
.rnopt small{display:block;margin-top:2px}
.rnopt .num{font-size:17px;color:var(--acc-t)}
/* Hamyon tugmalari: To'ldirish · Promo · Sovg'a */
.wbtns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.wbtns button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 6px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);color:var(--tx);font-weight:600;font-size:13px;cursor:pointer}
.wbtns button span{font-size:20px}
.wbtns button:hover{border-color:var(--info)}
.card.wallet>.between .btn.sm{display:none}
.pcode{font:700 15px ui-monospace,Menlo,Consolas,monospace;padding:4px 10px;border-radius:8px;background:var(--panel2);border:1px dashed var(--line2);cursor:pointer;color:var(--gold)}
.card.promo.off,.card.priv.off{opacity:.78}
/* Server yoqish */
.pwinfo{display:flex;flex-direction:column;gap:3px;margin-top:10px;font-size:12.5px;color:var(--mu)}
ol.steps2{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:7px;font-size:13.5px;color:var(--tx2)}
.switch{position:relative;display:inline-block;width:46px;height:26px;flex:none}
.switch input{opacity:0;width:0;height:0}
.switch i{position:absolute;inset:0;border-radius:26px;background:var(--line2);transition:.2s;cursor:pointer}
.switch i:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.switch input:checked+i{background:var(--ok)}
.switch input:checked+i:before{transform:translateX(20px)}
/* CS chat ko'rinishi har doim qorong'i (o'yindagidek) */
.chat{background:#0d1014!important;border-color:#2a323c!important;color:#fff}
/* Mavzu tugmasi (sarlavhada) */
.hthm{width:40px;height:40px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);color:var(--tx);display:grid;place-items:center;cursor:pointer;flex:none}
.hthm svg{width:19px;height:19px}
.thopt{display:flex;align-items:center;gap:12px;width:100%;padding:14px;margin-top:8px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);color:var(--tx);cursor:pointer;text-align:left;font-weight:600}
.thopt.on{border-color:var(--acc);box-shadow:0 0 0 2px rgba(var(--acc-rgb),.2)}
.thopt span{font-size:22px}.thopt small{display:block;font-weight:400}
/* Kunduzgi rejim: qorong'i ustiga mo'ljallangan ayrim joylar */
:root[data-theme="light"] .splash, :root[data-theme="light"] #splash{background:#fff}
:root[data-theme="light"] .sp-name{color:#0f1720}
:root[data-theme="light"] .ipbox{background:var(--panel2)}
:root[data-theme="light"] .lgbox{background:var(--panel)}
:root[data-theme="light"] .bico img{filter:none}
:root[data-theme="light"] .flg i{background:var(--panel2);color:var(--tx)}
:root[data-theme="light"] .cmd{background:var(--panel2);border-color:var(--line2);color:var(--tx)}
:root[data-theme="light"] .cmd span{color:var(--tx)}
/* Hamyon kartochkasi: logo rangidagi yumshoq gradient, har ikkala rejimda o'qiladi */
.card.wallet{background:linear-gradient(135deg,rgba(var(--acc-rgb),.16) 0%,var(--panel) 60%)!important;border-color:rgba(var(--acc-rgb),.3)!important}
.mycard{background:linear-gradient(135deg,rgba(var(--acc-rgb),.12),var(--panel) 70%)!important}
/* Sarlavha: tor ekranda ham sig'adi */
.hdr{gap:8px}.hthm,.hbell{width:38px;height:38px}
@media (max-width:420px){ .hdr{padding-left:12px;padding-right:12px;gap:6px} .hthm,.hbell{width:36px;height:36px;border-radius:11px} .bal{padding:4px 9px;min-width:0} .bal b{font-size:14px;white-space:nowrap} .brand b{font-size:16px} .brand img{width:32px;height:32px} }
@media (max-width:360px){ .bal span{display:none} }
/* Hero tashqarisidagi server tugmalari / qatorlar — mavzu rangida */
.hx-tabs button,.hx-strip .hx-c,.hx-strip,.mys-row a,.h2-live,.ipbox{background:var(--panel2)}
.hx-tabs button.on{border-color:var(--acc)}
.hx .hx-tabs button,.hx .hx-c{background:rgba(16,20,26,.62)!important}

/* ======================= v19: sarlavha — o'ng tugmalar guruhi, menyu bilan aralashmaydi ======================= */
.hdr .hr{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.hlang{height:38px;min-width:42px;padding:0 9px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);color:var(--tx);font:700 12.5px var(--hd);letter-spacing:.6px;cursor:pointer;flex:none;display:inline-grid;place-items:center}
.hlang:hover,.hthm:hover,.hbell:hover{border-color:var(--acc)}
.hdr .hr .hlogin{margin:0}
@media (max-width:420px){ .hdr .hr{gap:5px} .hlang{height:36px;min-width:36px;padding:0 6px;font-size:11.5px;border-radius:11px} }
@media (max-width:360px){ .hlang{min-width:32px;padding:0 4px} .hthm,.hbell{width:34px;height:34px} }
@media (max-width:345px){ .brand small{display:none} }
@media (min-width:1100px){
  :root{--hm:max(28px,calc((100vw - 1240px)/2))}
  .hdr{padding-left:var(--hm);padding-right:var(--hm)}
  .tabs{left:calc(var(--hm) + var(--hb-w,215px) + 14px);right:calc(var(--hm) + var(--hr-w,300px) + 14px);transform:none;justify-content:center;--tp:14px}
  .tabs a{padding:0 var(--tp)}
  .tabs a:after{left:var(--tp);right:var(--tp)}
  html.hf1 .tabs{--tp:9px} html.hf1 .tabs a{font-size:13px;letter-spacing:.3px;gap:6px} html.hf1 .tabs a svg{width:16px;height:16px}
  html.hf2 .tabs a svg{display:none}
  html.hf3 .hdr .brand b,html.hf3 .hdr .brand small{display:none}
  .tabs .badge{right:0}
}
/* Server tanlash kartalari */
.srvpick{display:grid;gap:10px}
@media (min-width:700px){ .srvpick{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))} }
.srvc{display:flex;align-items:center;gap:14px;color:var(--tx);margin:0!important;padding:16px;cursor:pointer}
.srvc:hover{border-color:var(--acc)}
.srvc.off{opacity:.8}
.srvc b{font:700 18px var(--hd);display:block}
.srvc small{display:block;margin-top:1px}
.srvc-ic{width:46px;height:46px;flex:none;border-radius:13px;display:grid;place-items:center;background:var(--acc-soft);color:var(--acc-t);border:1px solid rgba(var(--acc-rgb),.3)}
.srvc-ic svg{width:24px;height:24px}
.srvc-st{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:13px;color:var(--tx2)}
.srvc .chev{font-size:24px;color:var(--mu)}
/* v19: yuqori menyu fonsiz (sarlavha fonida yagona qatorda ko'rinadi) */
@media (min-width:1100px){ .tabs{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} }

.tabs a.qtab .sh{display:none}
@media (max-width:1099px){ .tabs a.qtab .sh{display:inline} }
.brand small .hn{font-weight:700;color:var(--tx2)}
.hdr .brand{min-width:0}.brand small{overflow:hidden;white-space:nowrap}
@media (max-width:430px){ .brand small .hxl{display:none} .bal span{display:none} .bal{padding:0 10px;height:36px;justify-content:center} .hdr .hr{flex:none} }
.brand small b.hn{font:700 12px var(--bd,inherit);letter-spacing:0;display:inline;color:var(--tx)}
.q:not(.q-main) b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}

/* ---- Serverlar ro'yxati (varq.net uslubida qatorlar) ---- */
.ipc{color:var(--acc-t);font-weight:600;letter-spacing:0;margin-right:4px}
.svl{display:grid;gap:8px;margin:12px 0}
.svl.sk{height:120px;border-radius:14px;background:var(--panel)}
.svr{display:grid;grid-template-columns:auto minmax(0,1.3fr) minmax(90px,.8fr) minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 14px;background:var(--panel);border:1px solid var(--line2);border-radius:14px;color:var(--tx);transition:border-color .2s,background-color .2s}
.svr.lk{cursor:pointer}
.svr.lk:hover{border-color:var(--acc);background:var(--panel2)}
.svr.off{opacity:.75}
.svr-m{position:relative;width:64px;height:44px;border-radius:9px;overflow:hidden;background:var(--panel2);border:1px solid var(--line2);flex:none}
.svr-m img{width:100%;height:100%;object-fit:cover;display:block}
.svr-m .dot{position:absolute;left:5px;top:5px;box-shadow:0 0 0 2px rgba(0,0,0,.55)}
.svr-n{min-width:0}
.svr-n b{display:block;font:700 16px var(--hd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svr-n small{display:block;color:var(--acc-t);font-weight:600;font-size:12.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svr-p b{font:700 17px var(--hd);display:block}
.svr-p b em{font-style:normal;color:var(--mu);font-size:13px;margin-left:1px}
.svr-t{min-width:0}
.svr-t small{display:block;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--mu)}
.svr-t b{display:block;font:600 14px var(--bd,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svr-a{display:flex;align-items:center;gap:8px}
.svr-cp{display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:10px;background:var(--panel2);border:1px solid var(--line2);color:var(--tx);font-size:15px;cursor:pointer}
.svr-cp span{font-size:12.5px;font-weight:700}
.svr-cp:hover{border-color:var(--acc);color:var(--acc-t)}
.btn.steam.svr-go{margin:0;flex:none;height:38px;padding:0 14px;font-size:13.5px}
@media (max-width:760px){
  .svr{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"m n p" "t t t" "a a a";gap:10px 12px;padding:12px}
  .svr-m{grid-area:m;width:56px;height:40px}.svr-n{grid-area:n}.svr-p{grid-area:p;text-align:right;min-width:72px}
  .svr-t{grid-area:t;display:flex;align-items:center;gap:8px}.svr-t small{display:inline}
  .svr-a{grid-area:a;display:grid;grid-template-columns:1fr 1fr}
  .svr-cp{justify-content:center}.btn.steam.svr-go{justify-content:center;width:100%}
}
/* Kunlik bonus kartasi */
.dailycard .between > div{min-width:0}
.dailycard .num{white-space:nowrap}
.dailycard .dtimer{margin-top:8px;font-size:13.5px;color:var(--tx2)}
.dailycard .dtimer b{font-family:var(--hd);color:var(--acc-t);letter-spacing:1px}
/* Tarif kartasi: 1 oy va 3 oy narxi aniq */
.tcard .tp1{font:600 13px var(--bd,inherit);color:var(--tx2);margin-top:6px}
.tcard .tp1 b{font:700 17px var(--hd);color:var(--acc-t)}
.tcard .tp3{font-size:12px;color:var(--tx2);margin-top:3px;line-height:1.35}
.tcard .tp3 b{color:var(--tx)}
.tcard .tp3 span{color:var(--mu)}

/* ---- Bir xil hover / fokus: bosiladigan barcha plitka va kartalar ---- */
.q,.tcard,.xs,.pitem,.amenu a,.tier,.lsrv,.svr.lk,.srvc,.card.news[onclick],.mfacard,.card.menu-1,.hs,.disc{cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,background-color .22s}
@media (hover:hover) and (pointer:fine){
  .q:hover,.tcard:hover,.xs:hover,.pitem:hover,.amenu a:hover,.tier:hover,.lsrv:hover,.svr.lk:hover,.srvc:hover,.card.news[onclick]:hover,.mfacard:hover,.card.menu-1:hover,.hs:hover,.disc:hover{
    transform:translateY(-3px);border-color:rgba(var(--acc-rgb),.45);box-shadow:0 12px 30px rgba(0,0,0,.35)}
}
.q:focus-visible,.tcard:focus-visible,.xs:focus-visible,.pitem:focus-visible,.amenu a:focus-visible,.tier:focus-visible,.lsrv:focus-visible,.svr.lk:focus-visible,.srvc:focus-visible,.card.news[onclick]:focus-visible,.mfacard:focus-visible,.card.menu-1:focus-visible,.hs:focus-visible,.disc:focus-visible,.card.menu>a:focus-visible,.btn:focus-visible{
  outline:2px solid var(--acc);outline-offset:2px;transform:translateY(-3px);border-color:rgba(var(--acc-rgb),.45);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.btn:focus-visible{transform:none}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .q:hover,.tcard:hover,.xs:hover,.pitem:hover,.amenu a:hover,.tier:hover,.lsrv:hover,.svr.lk:hover,.srvc:hover,.card.news[onclick]:hover,.mfacard:hover,.card.menu-1:hover,.hs:hover,.disc:hover,.btn:hover,
  .q:focus-visible,.tcard:focus-visible,.xs:focus-visible,.pitem:focus-visible,.amenu a:focus-visible,.tier:focus-visible,.lsrv:focus-visible,.svr.lk:focus-visible,.srvc:focus-visible,.card.news[onclick]:focus-visible,.mfacard:focus-visible,.card.menu-1:focus-visible,.hs:focus-visible,.disc:focus-visible{transform:none!important}
  .q:hover span{transform:none!important}
}
/* Bosh sahifa: kunlik bonus kartasi (faqat olinmagan kuni) */
.dailyhome{display:flex;align-items:center;gap:12px;border-color:rgba(var(--acc-rgb),.5)!important;background:linear-gradient(135deg,rgba(var(--acc-rgb),.16),rgba(var(--acc-rgb),.04))!important}
.dailyhome .dh-ic{font-size:30px;flex:none}
.dailyhome b{display:block;font:700 16px var(--hd)}
.dailyhome small{display:block;color:var(--tx2);font-size:12.5px;margin-top:2px}
.dailyhome .btn{flex:none;margin:0;padding:10px 18px}
/* 2FA kartasi va yangiliklar kanali kartasi */
.mfacard,.card.menu-1{display:flex;align-items:center;gap:12px;color:var(--tx)}
.mfacard b,.card.menu-1 b{display:block}
.mfacard small,.card.menu-1 small{display:block}
/* Murojaat: fayl biriktirish */
.tkatt{display:flex;gap:8px;flex-wrap:wrap}
.tkatt .btn{margin:0;width:auto}
.tkpick{cursor:pointer}
#tkrec.rec{border-color:var(--bad);color:var(--bad)}
.tkp{margin-top:10px;padding:10px;border:1px solid var(--line2);border-radius:12px;background:var(--panel2)}
.tkp img,.tkp video{display:block;max-width:100%;max-height:260px;border-radius:10px;margin-bottom:8px}
.tkp audio,.tka audio{width:100%}
.tka{margin-top:8px}
.tka img,.tka video{display:block;max-width:100%;max-height:220px;border-radius:10px;cursor:zoom-in}
.tcard .tp1 b,.tcard .tp3 b{display:inline;margin:0;letter-spacing:0;white-space:nowrap}
.tcard .tp3 b{font:700 13px var(--bd,inherit)}
.tcard .tp1,.tcard .tp3{white-space:normal}
.dailyhome .grow{flex:1;min-width:0}
.dailyhome .btn{width:auto!important;flex:none!important;white-space:nowrap}
.tcard{flex-basis:176px}
.tcard .tp1 b{font-size:16px}
/* Kunlik bonus — ixcham karta (to'liq kenglik emas) */
#hdaily .dailyhome{display:inline-flex;width:auto;max-width:100%;margin:4px 0 6px;padding:9px 10px 9px 12px;gap:10px;border-radius:14px}
#hdaily .dailyhome .dh-ic{font-size:22px}
#hdaily .dailyhome b{font-size:14px}
#hdaily .dailyhome small{font-size:11.5px;margin-top:1px}
#hdaily .dailyhome .btn{padding:7px 14px;font-size:13px}

/* Bot (Mini App) va tor telefon: sarlavha sig'sin — brend nomi tugmalar ostida qolib kesilmasin */
.hdr .brand{min-width:0;flex:0 1 auto;overflow:hidden}
.hdr .brand>div{min-width:0}
.brand b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:400px){
  .hdr{gap:6px;padding-left:10px;padding-right:10px}
  .brand{gap:7px}.brand img{width:30px;height:30px;border-radius:8px}.brand b{font-size:14px;letter-spacing:.8px}.brand small{font-size:10.5px}
  .hdr .hr{gap:4px}
  .hlang{height:34px;min-width:32px;padding:0 5px;font-size:11px}
  .hthm,.hbell{width:34px;height:34px;border-radius:10px}
  .bal{padding:3px 8px}.bal b{font-size:13px}
}
@media (max-width:340px){ .brand img{display:none} .hlang{min-width:30px;padding:0 4px} }
/* «Mening holatim»: uzun tarif nomi tugma ustiga chiqmasin */
.mys .between{gap:10px}
.mys-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:400px){ .mys-t{font-size:20px} .mys .btn{padding:8px 12px} }

/* Pullik amal tasdiqlash oynasi (sayt va bot ichida) */
.pcf{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:16px;animation:pcfIn .16s ease}
.pcf-in{width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--panel);border:1px solid var(--line2);border-radius:18px;padding:20px 18px 16px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.pcf-in.danger{border-color:rgba(255,90,79,.55)}
.pcf-ic{font-size:34px;text-align:center}
.pcf-in h3{text-align:center;margin:6px 0 12px;font:700 19px var(--hd)}
.pcf-kv{margin:0 0 10px}
.pcf-kv b{overflow-wrap:anywhere}
.pcf-sum{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:6px}
.pcf-sum .num{font-size:19px}
.pcf-note{margin-top:10px}
.pcf-ack{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:14px;cursor:pointer}
.pcf-ack input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:var(--bad)}
.pcf-btns{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:14px}
.pcf-btns .btn{margin:0;min-width:0}
.pcf-btns .btn[disabled]{opacity:.45;cursor:not-allowed}
@keyframes pcfIn{from{opacity:0}to{opacity:1}}
@media (max-width:400px){ .pcf{padding:10px;align-items:end} .pcf-in{border-radius:18px 18px 14px 14px;padding:18px 14px 14px} .pcf-btns{grid-template-columns:1fr} .pcf-btns .btn:last-child{order:-1} }
@media (prefers-reduced-motion:reduce){ .pcf{animation:none} }
/* Statistika: xavfli amal alohida, «Yangilash» tugmasidan uzoqda */
.dzone{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border:1px dashed rgba(255,90,79,.45);border-radius:14px}
.dzone small{display:block;font-size:12px}
.dzone .btn{width:auto;flex:none;margin:0}
.btn.red-t{color:var(--bad);border-color:rgba(255,90,79,.5)}
@media (max-width:400px){ .dzone{flex-direction:column;align-items:stretch} .dzone .btn{width:100%} }
/* Kunlik bonus kartasi: sarlavha va izoh alohida qatorda (botda «Kunlik bonusHar kuni» yopishib qolardi) */
.dailycard .between{gap:12px;align-items:flex-start}
.dailycard .between b{display:block}
.dailycard .between small{display:block;margin-top:3px;line-height:1.35}
/* Reklamalar tarixi */
.bcr .bct{margin-top:8px;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:var(--tx2)}
.bcst{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.bcst .chip{font-size:12px}
.chip.bad{color:var(--bad);border-color:rgba(var(--bad-rgb),.4)}

/* E'lonlar ro'yxati: tahrirlash va o'chirish tugmalari yonma-yon, matn sig'adi */
.nline .grow{min-width:0}.nline small{display:block;overflow-wrap:anywhere}.nline .x{flex:none}

/* Faol modellar */
.itm .between>div{min-width:0}.itm .chip{flex:none}
@media (max-width:400px){ .kpis .kpi b{font-size:20px} }

/* Reyting: o'yinchining Telegram profili (nik tasdiqlangan bo'lsa) */
.tgp{display:flex;align-items:center;gap:12px;margin:10px 0 8px;padding:10px 12px;border-radius:14px;background:var(--acc-soft);border:1px solid rgba(var(--acc-rgb),.35);cursor:pointer}
.tgp:active{filter:brightness(.92)}
.tgp .grow{min-width:0}.tgp b{display:block}
.tgav{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;font:700 17px var(--hd);flex:none}
.tgo{font:700 12.5px var(--hd);color:var(--acc-t);white-space:nowrap}