.rrtb-counter{box-sizing:border-box;width:100%;max-width:980px;margin:20px auto;padding:20px;border-radius:14px;font-family:Arial,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.rrtb-counter--dark{color:#fff;background:linear-gradient(135deg,#111827,#1f2937)}
.rrtb-counter--light{color:#151515;background:#fff;border:1px solid #e5e7eb}
.rrtb-counter__title{margin:0 0 16px;font-size:22px;line-height:1.25}
.rrtb-counter__grid{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));gap:10px}
.rrtb-counter__item{display:flex;min-height:76px;padding:12px 8px;flex-direction:column;justify-content:center;text-align:center;border-radius:10px;background:rgba(255,255,255,.09)}
.rrtb-counter--light .rrtb-counter__item{background:#f3f4f6}
.rrtb-counter__item--online{background:rgba(194,13,24,.78)}
.rrtb-counter--light .rrtb-counter__item--online{color:#fff;background:#c20d18}
.rrtb-counter__value{display:block;font-size:22px;font-weight:700;line-height:1.1}
.rrtb-counter__label{display:block;margin-top:5px;font-size:12px;opacity:.85}
.rrtb-counter__brand{display:block;margin-top:12px;text-align:right;opacity:.7}
.rrtb-counter--compact{max-width:720px;padding:14px}
.rrtb-counter--compact .rrtb-counter__title{font-size:18px}
.rrtb-counter--compact .rrtb-counter__item{min-height:60px}
.rrtb-counter--compact .rrtb-counter__value{font-size:18px}
@media (max-width:800px){.rrtb-counter__grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:430px){.rrtb-counter{padding:14px}.rrtb-counter__grid{grid-template-columns:repeat(2,1fr)}}