/* Scoped to the SC2 statistics, reusing the site's typography, cards and button tokens. */
#atlas-sc2-statistics .hero-cycle__switcher {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}
#atlas-sc2-statistics .hero-cycle__sw-buttons {display:flex;flex-wrap:wrap;gap:8px}
#atlas-sc2-statistics .sc2-period-btn {background:var(--bg-secondary,#f5f5f5);color:inherit;border:1px solid transparent;min-height:44px;padding:10px 14px;border-radius:12px;font:inherit;font-weight:600;cursor:pointer}
#atlas-sc2-statistics .sc2-period-btn[aria-pressed="true"] {background:#ff9814;color:#fff}
.dark-theme #atlas-sc2-statistics .sc2-period-btn:not([aria-pressed="true"]) {background:#262626;color:#fff}
.dark-theme #atlas-sc2-statistics .sc2-stat-heading,
.dark-theme #atlas-sc2-statistics .sc2-stat-updated,
.dark-theme #atlas-sc2-statistics .sc2-stat-net,
.dark-theme #atlas-sc2-statistics .sc2-stat-delta {color:#fff}
#atlas-sc2-statistics .sc2-period-btn:focus-visible {outline:2px solid #ff6a00;outline-offset:3px}
#atlas-sc2-statistics .sc2-stat-updated {font-size:12px;line-height:1.5;overflow-wrap:anywhere;opacity:.8}
#atlas-sc2-statistics .hero-cycle__switcher > .sc2-stat-updated {flex:1 1 100%}
#atlas-sc2-statistics .hero-cycle__item--yellow > .sc2-stat-updated {margin-top:12px}
#atlas-sc2-statistics .sc2-stat-net {border-top:1px solid #b7b7b766;padding-top:16px;margin-top:16px}
#atlas-sc2-statistics .sc2-stat-heading {font-size:18px;line-height:1.4;font-weight:700;margin:0 0 16px}
#atlas-sc2-statistics .sc2-stat-row {padding:16px 0;gap:16px;border-top:1px solid #d5d7da;margin-top:0}
#atlas-sc2-statistics .sc2-stat-row + .sc2-stat-row {margin-top:0}
#atlas-sc2-statistics .sc2-stat-row .hero-cycle__subitem-data {min-width:0;flex:1}
#atlas-sc2-statistics .sc2-stat-row .hero-cycle__subitem-title {font-size:14px;line-height:20px;font-weight:500;overflow-wrap:anywhere}
#atlas-sc2-statistics .hero-cycle__subitem-count {display:flex;gap:4px;flex-wrap:wrap;align-items:center}
#atlas-sc2-statistics .sc2-stat-subvalue,
#atlas-sc2-statistics [data-sc2-metric] {font-size:40px;font-weight:700;line-height:1.2;overflow-wrap:anywhere;unicode-bidi:isolate}
#atlas-sc2-statistics .sc2-usdt-icon {width:20px;height:20px;flex:none}
#atlas-sc2-statistics .hero-cycle__subitem-icon {width:40px;height:40px;flex:0 0 40px}
#atlas-sc2-statistics .sc2-value-unavailable {font-size:20px;font-weight:600}
#atlas-sc2-statistics .sc2-stat-unit {font-size:11px;font-weight:500;opacity:.75}
#atlas-sc2-statistics .sc2-stat-delta {font-size:12px;line-height:1.4;margin-top:0;overflow-wrap:anywhere}
#atlas-sc2-statistics [data-sc2-metric] {overflow-wrap:anywhere;unicode-bidi:isolate}
@media(max-width:767px){
 #atlas-sc2-statistics .hero-cycle__sw-buttons {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px}
 #atlas-sc2-statistics .sc2-period-btn {padding:8px 5px;font-size:12px;white-space:normal}
 #atlas-sc2-statistics .sc2-stat-heading {font-size:16px}
 #atlas-sc2-statistics .sc2-stat-subvalue,
 #atlas-sc2-statistics [data-sc2-metric] {font-size:28px}
 #atlas-sc2-statistics .sc2-value-unavailable {font-size:20px}
 #atlas-sc2-statistics .sc2-stat-row {padding:16px 0}
}
/* The legacy theme has a 360px body minimum. Keep this new panel usable below it. */
@media(max-width:359px){
 #atlas-sc2-statistics {width:calc(100vw - 32px);max-width:calc(100vw - 32px);margin-inline:0}
}