.site-stats{text-align:left;min-width:0;padding-top:8px}.ss-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.ss-heading h2{font-size:clamp(24px,4vw,34px);margin:0}.ss-heading .eyebrow{margin-bottom:7px}.ss-heading .button{flex:none;min-height:44px}.ss-intro{font:1rem/1.5 var(--body)!important;margin:14px 0 22px!important;color:inherit!important}.ss-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 26px}.ss-summary>div{background:var(--button-lavender);border:2px solid var(--ink);border-radius:10px;padding:17px 13px;color:var(--button-ink);min-width:0}.ss-summary>div:nth-child(2){background:var(--yellow)}.ss-summary>div:nth-child(3){background:var(--mint)}.ss-summary>div:nth-child(4){background:var(--peach)}.ss-summary dt{font-size:.875rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.ss-summary dd{font:700 clamp(24px,3vw,38px)/1.2 var(--body);margin:10px 0 6px;overflow-wrap:anywhere}.ss-summary small{font-size:.75rem;line-height:1.4;display:block}.ss-period{display:flex;gap:10px;flex-wrap:wrap}.ss-period button{flex:1;min-width:95px;min-height:44px;padding:10px 12px;border:2px solid var(--ink);border-radius:8px;font:700 .875rem var(--body);background:var(--yellow);color:var(--button-ink);cursor:pointer}.ss-period button:nth-child(2){background:var(--button-lavender)}.ss-period button:nth-child(3){background:var(--mint)}.ss-period button:nth-child(4){background:var(--peach)}.ss-period button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ink),2px 2px 0 var(--ink)}.ss-status{font:.875rem/1.5 var(--body)!important;margin:16px 0!important;color:inherit!important;min-height:22px}.ss-period-summary{display:flex;gap:22px;flex-wrap:wrap;margin:22px 0}.ss-period-summary>div{flex:1 1 130px}.ss-period-summary dt{font-size:.875rem;line-height:1.4}.ss-period-summary dd{font-size:1.5rem;font-weight:800;margin:4px 0}.ss-chart{margin:24px 0 32px;padding:18px;border:1px solid var(--ink);border-radius:10px;min-width:0}.ss-chart figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.875rem;margin-bottom:24px}.ss-chart figcaption span{font-size:.75rem}.ss-trend{display:grid;gap:4px;height:165px;border-bottom:1px solid var(--ink);padding:0 0 24px}.ss-day{position:relative;display:flex;align-items:flex-end;min-width:0;height:100%}.ss-bar{display:block;width:100%;background:var(--button-lavender);border-radius:4px 4px 0 0}.ss-day small{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);font-size:.75rem;line-height:1}.ss-breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.site-stats h3{font:700 1.125rem/1.4 var(--body);margin:0 0 12px}.ss-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.875rem}.ss-table th,.ss-table td{padding:10px 4px;border-bottom:1px solid var(--ink);text-align:left;overflow-wrap:anywhere}.ss-table thead th{font-size:.75rem}.ss-table td:last-child,.ss-table th:last-child{text-align:right;width:65px}.ss-table tbody th{font-weight:500}.ss-empty{font:.875rem/1.5 var(--body)!important;margin:12px 0!important;color:inherit!important;opacity:.8}.ss-activity{margin-top:30px;padding-top:22px;border-top:1px solid var(--ink)}.ss-usage{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.ss-usage>div{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--ink);border-radius:8px;padding:13px}.ss-usage dt{font-size:.875rem;line-height:1.4}.ss-usage dd{font-size:1.3rem;font-weight:800;margin:0}.ss-activity>p,.ss-note{font:.8125rem/1.6 var(--body)!important;margin:18px 0 0!important;color:inherit!important;opacity:.8}.site-stats [hidden]{display:none!important}
@media(max-width:800px){.ss-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-summary>div{padding:16px}.ss-summary dd{font-size:2rem}}
@media(max-width:540px){.ss-breakdowns{grid-template-columns:1fr;gap:28px}.ss-usage{grid-template-columns:1fr}.ss-period{display:grid;grid-template-columns:1fr 1fr}.ss-period button{min-width:0}.ss-summary{gap:10px}.ss-summary>div{padding:14px 10px}.ss-period-summary{gap:14px}.ss-period-summary>div{flex-basis:110px}.ss-chart{padding:14px 10px}.ss-trend{gap:3px}}

/* Profile card typography must not override the statistics display. */
.site-stats .ss-intro,.site-stats .ss-status,.site-stats .ss-empty{font-family:var(--body)!important;font-size:.875rem!important}
.site-stats .ss-intro{font-size:1rem!important;margin:14px 0 22px!important}
.site-stats .ss-heading .eyebrow{font:700 .75rem/1.5 var(--body)!important;margin:0 0 7px!important}
.site-stats .ss-note,.site-stats .ss-activity>p{font:.8125rem/1.6 var(--body)!important;margin:18px 0 0!important;color:inherit!important}
.site-stats .ss-summary small,.site-stats .ss-day small{margin:0;color:inherit}

.ss-games{margin-top:32px;padding-top:24px;border-top:1px solid var(--ink)}
#ss-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.ss-game{min-width:0;border:2px solid var(--ink);border-radius:10px;padding:18px;background:var(--paper)}
.ss-game h4{font:700 1rem/1.5 var(--body);margin:0 0 10px;overflow-wrap:anywhere}
.ss-game-mode{display:inline-block;font:700 .875rem/1.4 var(--body);padding:5px 9px;border:1px solid var(--ink);border-radius:6px;background:var(--button-lavender);color:var(--button-ink)}
.ss-game-mode[data-mode=competition]{background:var(--mint)}
.ss-game-mode[data-mode=unknown]{background:var(--peach)}
.ss-game dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0}
.ss-game dt{font:.875rem/1.5 var(--body)}
.ss-game dd{font:700 1.5rem/1.4 var(--body);margin:4px 0 0;overflow-wrap:anywhere}
.ss-usage>div{background:var(--paper);min-width:0}
.ss-usage>div:nth-child(3n+1){border-left:5px solid var(--purple)}
.ss-usage>div:nth-child(3n+2){border-left:5px solid var(--mint)}
.ss-usage>div:nth-child(3n){border-left:5px solid var(--peach)}
@media(max-width:540px){#ss-games{grid-template-columns:minmax(0,1fr);gap:14px}.ss-game{padding:16px}}