/* boost-top: xizmatlar sahifasi (/listing/) - S2 kartalar */html:is(#btr,html) .bts { --s: #6366f1; --s2: #a5b4fc;
  --c-card: var(--boost-surface, #fff); --c-text: var(--boost-text, #111827); --c-muted: var(--boost-muted, #64748b); --c-line: var(--boost-line, #e5e9f2);
  --c-soft: color-mix(in srgb, var(--boost-bg, #f4f6fb) 70%, var(--boost-surface, #fff)); --c-track: color-mix(in srgb, var(--boost-line, #e3e8f1) 85%, transparent); }html:is(#btr,html) .bts[data-service="top"] { --s: #10b981; --s2: #6ee7b7; }html:is(#btr,html) .bts[data-service="boost"] { --s: #0ea5e9; --s2: #7dd3fc; }html:is(#btr,html) .bts[data-service="vip"] { --s: #f59e0b; --s2: #fcd34d; }html:is(#btr,html) .bts[data-service="gamemenu"] { --s: #8b5cf6; --s2: #c4b5fd; }html:is(#btr,html) .bts[data-service="befirst"] { --s: #ec4899; --s2: #f9a8d4; }/* bo'lim: aylanuvchi nur ramka */html:is(#btr,html) body .boost-listing-section.bts { position: relative; border: 0 !important; border-radius: 22px !important; padding: 20px !important; background: var(--c-card) !important; overflow: visible !important;
  box-shadow: 0 20px 44px -22px color-mix(in srgb, var(--s) 55%, transparent) !important; margin-bottom: 18px; }html:is(#btr,html) body .boost-listing-section.bts::before { content: ""; position: absolute; inset: 0; border-radius: 22px !important; padding: 1.5px; pointer-events: none; z-index: 0;
  background: conic-gradient(from var(--bts-ang, 0deg), var(--s), transparent 30%, var(--s2), transparent 70%, var(--s));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: btsSpin 6s linear infinite; }@property --bts-ang { syntax: '<angle>'; inherits: false; initial-value: 0deg; }@keyframes btsSpin {to { --bts-ang: 360deg; } }html:is(#btr,html) body .boost-listing-section.bts::after { display: none !important; }html:is(#btr,html) .bts > * { position: relative; z-index: 1; }html:is(#btr,html) .bts .boost-service-title { border: 0 !important; background: none !important; padding: 0 0 14px !important; margin: 0 !important; }html:is(#btr,html) .bts .boost-service-state { border-radius: 99px !important; }html:is(#btr,html) .bts .bts-src { display: none !important; }html:is(#btr,html) .bts-list { display: grid; gap: 12px; }html:is(#btr,html) .bts-empty { padding: 18px; text-align: center; color: var(--c-muted); border: 1px dashed var(--c-line); border-radius: 16px !important; }html:is(#btr,html) .bts-card { display: grid; grid-template-columns: 118px 1fr; gap: 6px 20px; padding: 16px; border-radius: 18px !important; color: var(--c-text);
  background: linear-gradient(180deg, var(--c-soft), var(--c-card)); border: 1px solid color-mix(in srgb, var(--s) 14%, var(--c-line)); transition: transform .2s, box-shadow .2s; }html:is(#btr,html) .bts-card:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -18px color-mix(in srgb, var(--s) 70%, transparent) !important; }/* halqa: har bir bo'lakcha = bitta o'yinchi joyi */html:is(#btr,html) .bts-ring { position: relative; width: 118px; height: 118px; display: grid; place-items: center; align-self: start; }html:is(#btr,html) .bts-ring > svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }html:is(#btr,html) .bts-ring .tk { stroke: var(--c-track); stroke-width: 3.2; stroke-linecap: round; }html:is(#btr,html) .bts-ring .tk.on { stroke: var(--s); filter: drop-shadow(0 0 3px color-mix(in srgb, var(--s) 80%, transparent)); animation: btsTk .5s ease-out both; }html:is(#btr,html) .bts-ring.hot .tk.on { stroke: #ef4444; filter: drop-shadow(0 0 4px rgba(239, 68, 68, .7)); }@keyframes btsTk {from { stroke: var(--c-track); filter: none; } }html:is(#btr,html) .bts-ring .inr { fill: none; stroke: var(--c-track); stroke-width: 3; }html:is(#btr,html) .bts-ring .inp { fill: none; stroke: var(--s2); stroke-width: 3; stroke-linecap: round; transform: rotate(-90deg); transform-origin: center; }html:is(#btr,html) .bts-lbl { position: relative; text-align: center; line-height: 1.05; }html:is(#btr,html) .bts-lbl b { display: block; font: 800 22px "JetBrains Mono", Consolas, monospace; }html:is(#btr,html) .bts-lbl small { color: var(--c-muted); font-size: 11px; }html:is(#btr,html) .bts-pos { position: absolute; top: -4px; left: -4px; z-index: 2; min-width: 30px; height: 30px; padding: 0 6px; display: grid; place-items: center; border-radius: 10px !important; background: var(--s); color: #fff; font: 800 13px "JetBrains Mono", monospace; box-shadow: 0 6px 14px color-mix(in srgb, var(--s) 45%, transparent) !important; }html:is(#btr,html) .bts-body { min-width: 0; }html:is(#btr,html) .bts-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }html:is(#btr,html) body .bts-name { font-weight: 700; font-size: 16px; line-height: 1.25; color: var(--c-text) !important; text-decoration: none !important; overflow-wrap: anywhere; }html:is(#btr,html) body .bts-name:hover { color: var(--s) !important; }html:is(#btr,html) .bts-live { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 99px !important; background: color-mix(in srgb, #22c55e 13%, transparent); color: #16a34a; font: 700 10.5px "JetBrains Mono", monospace; letter-spacing: .08em; }html:is(#btr,html) .bts-live i { width: 7px; height: 7px; border-radius: 50% !important; background: #22c55e; animation: btsPulse 1.6s infinite; }@keyframes btsPulse {0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, .6); }70% { box-shadow: 0 0 0 7px rgba(34, 197, 94, 0); }100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); } }html:is(#btr,html) .bts-full { display: inline-flex; padding: 3px 9px; border-radius: 99px !important; background: rgba(220, 38, 38, .13); color: #dc2626; font: 800 10.5px "JetBrains Mono", monospace; letter-spacing: .06em; animation: btsBlink 1.6s infinite; }html:is(#btr,html) .bts-few { display: inline-flex; padding: 3px 9px; border-radius: 99px !important; background: rgba(234, 88, 12, .13); color: #ea580c; font: 800 10.5px "JetBrains Mono", monospace; }@keyframes btsBlink {50% { opacity: .55; } }html:is(#btr,html) .bts-mid { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 8px; }html:is(#btr,html) .bts-ip { display: inline-flex; align-items: center; gap: 7px; color: var(--c-muted); font: 500 12.5px "JetBrains Mono", monospace; }html:is(#btr,html) .bts-ip img { border-radius: 2px !important; }html:is(#btr,html) .bts-ip .bt-lst-copy { border: 0; background: none; padding: 0; color: var(--c-muted); cursor: pointer; display: inline-grid; opacity: .7; }html:is(#btr,html) .bts-ip .bt-lst-copy:hover { color: var(--s); opacity: 1; }html:is(#btr,html) .bts-ip .bt-lst-copy.ok { color: #16a34a; }html:is(#btr,html) .bts-svcs { display: inline-flex; gap: 5px; }html:is(#btr,html) .bts-svcs .bt-svc { width: 26px !important; height: 26px !important; border-radius: 8px !important; }html:is(#btr,html) .bts-trend { display: inline-flex; align-items: center; gap: 3px; color: #16a34a; font: 700 11.5px "JetBrains Mono", monospace; }html:is(#btr,html) .bts-trend.dn { color: #dc2626; }html:is(#btr,html) .bts-trend svg { width: 12px; height: 12px; }html:is(#btr,html) .bts-stats { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }html:is(#btr,html) .bts-stat { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 99px !important; border: 1px solid var(--c-line); background: var(--c-card); font-size: 12px; color: var(--c-muted); white-space: nowrap; }html:is(#btr,html) .bts-stat b { color: var(--c-text); font-family: "JetBrains Mono", monospace; }html:is(#btr,html) .bts-stat .bt-ours { color: #f59e0b; }html:is(#btr,html) .bts-stat .bt-ours b { color: var(--c-text); }html:is(#btr,html) .bts-stat.bts-s { border-color: color-mix(in srgb, var(--s) 45%, transparent); color: var(--s); }html:is(#btr,html) .bts-stat.bts-s b { color: var(--s); }html:is(#btr,html) .bts-stat .boost-countdown-warn { color: #ea580c !important; }html:is(#btr,html) .bts-stat .boost-countdown-danger, html:is(#btr,html) .bts-stat .boost-countdown-expired { color: #dc2626 !important; }/* 24 soatlik grafik */html:is(#btr,html) .bts-graph { margin-top: 14px; min-height: 0; }html:is(#btr,html) .bts-spark { position: relative; display: flex; align-items: flex-end; gap: 2px; height: 44px; cursor: crosshair; }html:is(#btr,html) .bts-spark i { flex: 1; min-width: 3px; border-radius: 3px 3px 1px 1px !important; background: color-mix(in srgb, var(--s) 35%, transparent); animation: btsGrow .8s ease-out both; transform-origin: bottom; }html:is(#btr,html) .bts-spark i.n { background: var(--c-track); }html:is(#btr,html) .bts-spark i:hover { background: var(--s); }html:is(#btr,html) .bts-spark i:last-of-type { background: var(--s); }@keyframes btsGrow {from { transform: scaleY(0); } }html:is(#btr,html) .bts-cap { display: flex; justify-content: space-between; color: var(--c-muted); font: 500 10px "JetBrains Mono", monospace; margin-top: 3px; }html:is(#btr,html) .bts-tip { position: absolute; bottom: calc(100% + 8px); transform: translateX(-50%); padding: 6px 9px; border-radius: 8px !important; background: #0f172a; color: #fff; font: 600 11.5px "JetBrains Mono", monospace; white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity .12s; z-index: 5; }html:is(#btr,html) .bts-tip::after { content: ""; position: absolute; left: 50%; top: 100%; margin-left: -5px; border: 5px solid transparent; border-top-color: #0f172a; }html:is(#btr,html) .bts-tip.on { opacity: 1; }/* tugmalar */html:is(#btr,html) .bts-act { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 12px; }html:is(#btr,html) .bts-peak { color: var(--c-muted); font-size: 12px; white-space: nowrap; }html:is(#btr,html) .bts-peak b { color: var(--c-text); font-family: "JetBrains Mono", monospace; }html:is(#btr,html) .bts-btns { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; margin-left: auto; }html:is(#btr,html) body .bts-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 38px; padding: 0 14px; border-radius: 99px !important; border: 1px solid var(--c-line); background: var(--c-card);
  color: var(--c-text) !important; font: 700 13px "IBM Plex Sans", sans-serif; cursor: pointer; text-decoration: none !important; white-space: nowrap; transition: transform .15s, border-color .15s; }html:is(#btr,html) body .bts-btn:hover { transform: translateY(-1px); border-color: var(--s); }html:is(#btr,html) .bts-btn svg { width: 15px; height: 15px; flex: none; }html:is(#btr,html) .bts-btn b { font-family: "JetBrains Mono", monospace; }html:is(#btr,html) body .bts-btn.on { border-color: var(--s); color: var(--s) !important; }html:is(#btr,html) body .bts-vote { border-color: color-mix(in srgb, #f59e0b 50%, var(--c-line)); }html:is(#btr,html) body .bts-pri { position: relative; overflow: hidden; border: 0; color: #fff !important; background: linear-gradient(135deg, var(--s), color-mix(in srgb, var(--s) 70%, #000)); box-shadow: 0 8px 20px color-mix(in srgb, var(--s) 35%, transparent) !important; }html:is(#btr,html) .bts-pri::after { content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .45), transparent); transform: skewX(-20deg); animation: btsSweep 3.2s infinite; }@keyframes btsSweep {0%, 60% { left: -60%; }100% { left: 140%; } }html:is(#btr,html) body .bts-btn.ok { color: #16a34a !important; border-color: #16a34a; }/* ulashish oynasi */html:is(#btr,html) .bts-share { position: relative; }html:is(#btr,html) .bts-menu { display: none; position: absolute; right: 0; bottom: calc(100% + 10px); width: 300px; padding: 12px; border-radius: 16px !important; background: var(--c-card); border: 1px solid var(--c-line); box-shadow: 0 24px 50px -12px rgba(15, 23, 42, .35) !important; z-index: 30; text-align: left; }html:is(#btr,html) .bts-share.on .bts-menu { display: block; animation: btsPop .18s ease; }@keyframes btsPop {from { opacity: 0; transform: translateY(6px) scale(.97); } }html:is(#btr,html) .bts-mh { font-weight: 700; font-size: 14px; margin-bottom: 10px; color: var(--c-text); }html:is(#btr,html) .bts-mh span { display: block; color: var(--c-muted); font-weight: 500; font-size: 12px; }html:is(#btr,html) .bts-nets { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }html:is(#btr,html) body .bts-nets a { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px 2px; border-radius: 10px !important; color: var(--c-text) !important; text-decoration: none !important; font-size: 10.5px; }html:is(#btr,html) .bts-nets a:hover { background: var(--c-soft); }html:is(#btr,html) .bts-nets a i { width: 38px; height: 38px; border-radius: 12px !important; display: grid; place-items: center; color: #fff; font: 800 12px "JetBrains Mono", monospace; font-style: normal; box-shadow: 0 6px 14px rgba(0, 0, 0, .15) !important; transition: transform .15s; }html:is(#btr,html) .bts-nets a:hover i { transform: translateY(-2px) scale(1.06); }html:is(#btr,html) .bts-mlinks { display: grid; gap: 4px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--c-line); }html:is(#btr,html) body .bts-ml { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 0; border-radius: 10px !important; background: transparent; color: var(--c-text) !important; font: 600 13px "IBM Plex Sans", sans-serif; cursor: pointer; text-align: left; text-decoration: none !important; }html:is(#btr,html) .bts-ml:hover { background: var(--c-soft); }html:is(#btr,html) .bts-ml svg { width: 15px; height: 15px; }html:is(#btr,html) .bts-ml.ok { color: #16a34a !important; }/* o'yinchilar ro'yxati */html:is(#btr,html) .bts-plist { display: none; margin-top: 12px; border: 1px solid var(--c-line); border-radius: 12px !important; background: var(--c-card); overflow: hidden; }html:is(#btr,html) .bts-plist.on { display: block; animation: btsPop .2s ease; }html:is(#btr,html) .bts-plist .scroll { max-height: 240px; overflow: auto; }html:is(#btr,html) .bts-plist table { width: 100%; border-collapse: collapse; font-size: 13px; margin: 0; }html:is(#btr,html) .bts-plist th { text-align: left; padding: 8px 12px; color: var(--c-muted); font: 700 10.5px "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase; background: var(--c-soft); }html:is(#btr,html) .bts-plist td { padding: 7px 12px; border-top: 1px solid var(--c-line); color: var(--c-text); }html:is(#btr,html) .bts-plist td.n { color: var(--c-muted); width: 34px; font-family: "JetBrains Mono", monospace; }html:is(#btr,html) .bts-plist td.r, html:is(#btr,html) .bts-plist th.r { text-align: right; font-family: "JetBrains Mono", monospace; white-space: nowrap; }html:is(#btr,html) .bts-plist .msg { padding: 12px; color: var(--c-muted); text-align: center; }html:is(#btr,html) .bts-foot { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }html:is(#btr,html) .bts-foot:has(.bts-conn:empty) { justify-content: flex-end; }html:is(#btr,html) .bts-conn .uk-button { border-radius: 8px !important; font-weight: 800 !important; }html:is(#btr,html) .bts-legend { margin-left: auto; font-size: 11px; color: var(--c-muted); display: inline-flex; align-items: center; gap: 5px; }html:is(#btr,html) .bts-legend i { width: 8px; height: 8px; border-radius: 2px !important; background: var(--s); }html:is(#btr,html) .bts-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%) translateY(20px); padding: 10px 16px; border-radius: 12px !important; background: #0f172a; color: #fff; font: 600 13px "IBM Plex Sans", sans-serif; opacity: 0; transition: .25s; z-index: 100001; pointer-events: none; }html:is(#btr,html) .bts-toast.on { opacity: 1; transform: translateX(-50%); }@media (max-width: 640px) {html:is(#btr,html) body .boost-listing-section.bts { padding: 14px !important; }html:is(#btr,html) .bts-card { grid-template-columns: 1fr; justify-items: center; text-align: center; padding: 14px; }html:is(#btr,html) .bts-body { width: 100%; }html:is(#btr,html) .bts-top, html:is(#btr,html) .bts-mid, html:is(#btr,html) .bts-stats { justify-content: center; }html:is(#btr,html) .bts-act { justify-content: center; }html:is(#btr,html) .bts-btns { justify-content: center; margin-left: 0; }html:is(#btr,html) .bts-menu { position: fixed; left: 12px; right: 12px; bottom: 12px; width: auto; }html:is(#btr,html) .bts-card:hover { transform: none; }html:is(#btr,html) .bts-plist { text-align: left; }
}@media (prefers-reduced-motion: reduce) {html:is(#btr,html) body .boost-listing-section.bts::before, html:is(#btr,html) .bts-live i, html:is(#btr,html) .bts-pri::after, html:is(#btr,html) .bts-full { animation: none; }
}/* ===== C5: S2 yangilangan — ranglar sayt palitrasidan ===== */html:is(#btr,html) .bts[data-service] { --s: var(--boost-accent, #2563eb); --s2: color-mix(in srgb, var(--boost-accent, #2563eb) 45%, #fff); }html:is(#btr,html) .bts-card { grid-template-columns: 92px minmax(0, 1fr); gap: 6px 16px; padding: 14px; background: linear-gradient(135deg, color-mix(in srgb, var(--s) 5%, var(--c-card)), var(--c-card) 45%); border: 1px solid color-mix(in srgb, var(--s) 30%, var(--c-line)); }html:is(#btr,html) .bts-body { min-width: 0; }html:is(#btr,html) .bts-ring { width: 92px; height: 92px; }html:is(#btr,html) .bts-lbl b { font-size: 20px; }html:is(#btr,html) .bts-graph { margin-top: 8px; }html:is(#btr,html) .bts-act { border-top: 1px dashed var(--c-line); padding-top: 10px; margin-top: 10px; }html:is(#btr,html) .bts-act-l { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }html:is(#btr,html) body .bts-btn { height: 36px; padding: 0 12px; border-radius: 10px !important; }html:is(#btr,html) body .bts-vote { border-color: var(--c-line); }html:is(#btr,html) body .bts-ipb, html:is(#btr,html) .bts-legend { display: none !important; }html:is(#btr,html) .bts-foot { display: none !important; }html:is(#btr,html) .bts-conn:empty { display: none; }html:is(#btr,html) .bts-conn { display: inline-flex; align-items: center; gap: 4px; padding: 3px 4px 3px 9px; border-radius: 10px !important; background: color-mix(in srgb, var(--s) 10%, transparent); color: var(--s); font-size: 11.5px; font-weight: 700; white-space: nowrap; }html:is(#btr,html) .bts-conn > div { display: inline-flex !important; gap: 4px; align-items: center; }html:is(#btr,html) body .bts-conn .uk-button { margin: 0 !important; min-height: 0 !important; height: auto !important; line-height: 1.4 !important; padding: 3px 7px !important; border: 0 !important; border-radius: 7px !important; color: #fff !important; background: var(--s) !important; font: 800 11.5px "JetBrains Mono", monospace !important; box-shadow: none !important; }html:is(#btr,html) body .bts-conn .uk-button + .uk-button { background: color-mix(in srgb, var(--s) 55%, #94a3b8) !important; }@media (max-width: 640px) {html:is(#btr,html) .bts-card { grid-template-columns: 62px minmax(0, 1fr); justify-items: stretch; text-align: left; gap: 4px 12px; padding: 12px; }html:is(#btr,html) .bts-ring { width: 62px; height: 62px; }html:is(#btr,html) .bts-lbl b { font-size: 16px; }html:is(#btr,html) .bts-lbl small { display: none; }html:is(#btr,html) .bts-pos { min-width: 24px; height: 24px; font-size: 11px; border-radius: 8px !important; }html:is(#btr,html) .bts-top, html:is(#btr,html) .bts-mid, html:is(#btr,html) .bts-stats { justify-content: flex-start; }html:is(#btr,html) .bts-graph, html:is(#btr,html) .bts-trend { display: none !important; }html:is(#btr,html) .bts-stats .bts-stat:nth-child(2) { display: none; }html:is(#btr,html) .bts-act { justify-content: flex-start; gap: 8px; margin-left: -74px; }html:is(#btr,html) .bts-act-l { width: 100%; }html:is(#btr,html) .bts-btns { justify-content: flex-start; margin-left: 0; flex: 1; flex-wrap: nowrap; }html:is(#btr,html) body .bts-pri { margin-left: auto; }html:is(#btr,html) .bts-plist { margin-left: -74px; }html:is(#btr,html) body .bts-btn:not(.bts-pri) { padding: 0 10px; }html:is(#btr,html) .bts-btn:not(.bts-pri) span { display: none; }
}