.stats-comparison{padding:22px;border-radius:16px;margin:18px 0;min-width:0}.stats-comparison h3{margin:5px 0}.stats-comparison header p{margin-bottom:16px}.stats-comparison-bars{display:grid;gap:12px}.stats-comparison-bars a,.stats-comparison-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(60px,2fr) 90px;gap:16px;align-items:center;text-decoration:none;color:inherit;padding:7px 0}.stats-comparison-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-comparison-bars strong{text-align:right;font-size:13px}.stats-comparison-track{height:12px;background:#ffffff0a;border-radius:20px;overflow:hidden}.stats-comparison-track i{display:block;width:var(--bar-width);height:100%;background:linear-gradient(90deg,#b57d28,#f5c45a);border-radius:inherit;transform-origin:left;animation:stats-bar-enter .6s ease-out both}.stats-comparison-bars a:hover{color:#f5c45a}.stats-comparison-bars a:hover .stats-comparison-track i{filter:brightness(1.15)}.to-profile-link{color:inherit;text-decoration:none}.to-profile-link:hover,.to-profile-link:focus-visible{color:#f4be54;text-decoration:underline}.stats-context-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 16px;font-size:13px;color:var(--muted)}.stats-context-nav a{color:inherit;text-decoration:none;padding:7px 11px;border:1px solid #ffffff18;border-radius:8px}.stats-context-nav a:hover{color:#f5c45a;border-color:#f5c45a}.server-stats-dialog-frame .server-stats-dialog-content{padding:24px}.server-story{display:grid;gap:18px}.server-story-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 0 20px}.server-story-hero h3{font-size:28px;margin:5px 0}.server-story-hero p{margin:0;color:var(--muted)}.server-story-tabs{display:flex;gap:6px;position:sticky;top:0;z-index:3;background:var(--panel,#1c272f);border:1px solid #ffffff16;border-radius:12px;padding:6px;margin:12px 0 22px}.server-story-tabs button{flex:1;min-width:0;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:8px;padding:12px 6px;cursor:pointer;font:inherit;font-size:13px}.server-story-tabs button[aria-selected="true"]{color:#f6c260;border-color:#bc9140;background:#edb54712;box-shadow:inset 0 -2px #efb344}.server-story-tabs button:hover{color:#f6c260}.server-story-pane{min-width:0}.server-story-pane:not(.hidden),.public-stats-view-panel:not(.hidden){animation:stats-panel-enter .28s ease-out}.server-story-pane .stats-comparison{margin-top:0}.server-story-pane .server-stats-detail-grid{margin-bottom:20px}.server-story-pane[data-story-pane="overview"]{display:grid;grid-template-columns:1fr 1fr;gap:18px}.server-story-pane[data-story-pane="overview"]>.server-stats-detail-grid{display:contents}.server-story-pane.hidden{display:none}.server-story-kpis{margin-bottom:8px}.server-story-pane .server-stats-detail-lower{display:contents}.server-story-pane .server-stats-detail-table-panel{margin-bottom:20px}.to-player[open]>.to-lineups{animation:stats-panel-enter .24s ease-out}.public-stats-kpis>article,.server-stats-detail-kpis>article,.to-metrics>article{animation:stats-panel-enter .35s ease-out both;transition:transform .18s ease,border-color .18s ease}.public-stats-kpis>article:hover,.to-metrics>article:hover{transform:translateY(-2px)}.public-stats-chart svg,.server-stats-history-chart svg{animation:stats-panel-enter .4s ease-out}.stats-context-nav a:focus-visible,.to-profile-link:focus-visible,.stats-comparison-bars a:focus-visible{outline:2px solid #f4be54;outline-offset:4px}@keyframes stats-panel-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes stats-bar-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:700px){.server-stats-dialog-frame .server-stats-dialog-content{padding:12px}.server-story-tabs{gap:2px;padding:4px}.server-story-tabs button{font-size:11px;padding:11px 2px}.server-story-hero h3{font-size:23px}.server-story-pane[data-story-pane="overview"]{grid-template-columns:1fr}.stats-comparison{padding:14px}.stats-comparison-bars a,.stats-comparison-row{grid-template-columns:minmax(85px,1fr) minmax(40px,1.3fr) 65px;gap:8px;font-size:12px}.stats-comparison-bars strong{font-size:11px}.server-story-hero{display:block}.stats-context-nav{font-size:12px}}@media(prefers-reduced-motion:reduce){.stats-comparison-track i,.server-story-pane,.public-stats-view-panel,.to-lineups,.public-stats-kpis>article,.server-stats-detail-kpis>article,.to-metrics>article,.public-stats-chart svg,.server-stats-history-chart svg{animation:none!important;transition:none!important}.public-stats-kpis>article:hover,.to-metrics>article:hover{transform:none}}
.stats-hq-details{margin-top:16px}.stats-hq-details>summary{cursor:pointer;color:var(--muted);padding:10px 0}.stats-hq-details .server-stats-bars{margin-top:12px}
body[data-page="player-stats"] .public-stats-view-nav[role="tablist"]{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Keep long names and translated controls within narrow cards. */
.server-story-hero>*{min-width:0}.server-story-hero h3{overflow-wrap:anywhere}
.to-row>span{min-width:0}.to-row strong,.to-metrics strong{overflow-wrap:anywhere}
.to-chevron{transition:transform .2s ease}.troop-overview footer .btn{flex-shrink:0}
.to-player>summary:focus-visible,.server-story-tabs button:focus-visible{outline:2px solid #f4be54;outline-offset:2px}
@media(max-width:650px){.troop-overview footer .btn{padding:10px 12px;min-height:44px}.to-troop .troops-table{table-layout:fixed}.to-troop .troops-table th:first-child{width:9%}.to-troop .troops-table th:nth-child(2){width:25%}.to-troop .troops-table th:nth-child(3){width:12%}.to-troop .troops-table th:nth-child(4){width:30%}.to-troop .troops-table th:nth-child(5){width:24%}.to-troop .troops-table td{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.to-chevron{transition:none}}
.troop-overview>header{display:block;position:static;padding:0;background:none;border:0;box-shadow:none}
.troop-overview>footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:100%;padding:0;background:none;border:0;box-shadow:none}
.troop-overview>footer .btn{width:auto;min-width:0;margin:0}.troop-overview>footer [data-page]{text-align:center;overflow-wrap:anywhere}
.to-row .server-stats-player-link{color:var(--text,#eef2f3);font-weight:700}.to-row .server-stats-player-link small{font-size:10px}
@media(max-width:650px){.to-troop .troops-table th{font-size:9px;word-break:normal;overflow-wrap:normal}.to-troop .troops-table th:first-child,.to-troop .troops-table th:nth-child(3){white-space:nowrap}.troop-overview>footer .btn{font-size:12px;padding:9px}}
.public-stats-error [data-stats-detail-retry]{margin-top:12px}.public-stats-error.is-reload-error{min-height:0;justify-content:flex-start}.public-stats-error.is-reload-error>span{width:40px;height:40px;flex-basis:40px;font-size:1.2rem}.public-stats-error>div{min-width:0;overflow-wrap:anywhere}

.stats-comparison-label.has-note{white-space:normal;overflow-wrap:anywhere}.stats-comparison-label small{display:block;font-size:11px;line-height:1.45;color:var(--muted,#a4b0b5);margin-top:5px}

.public-stats-location { padding: 18px 22px; }
.public-stats-location > div { min-width: 0; }
.public-stats-location strong { display: block; margin-top: 5px; overflow-wrap: anywhere; }
.public-stats-location .muted { margin: 6px 0 0; font-size: .8rem; }
@media (max-width: 650px) { .public-stats-location { padding: 16px; } }

/* A small, independent audience card; it never holds up profile data. */
.profile-activity { display:grid; grid-template-columns:minmax(155px,1fr) auto minmax(120px,1.2fr) auto; align-items:center; gap:24px; padding:20px 24px; border-radius:18px; min-height:112px; position:relative; overflow:visible; }
.profile-activity-label { display:flex; gap:13px; align-items:center; }.profile-activity-label>span { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; background:#efbf6810; color:var(--primary); font-size:1.35rem; flex-shrink:0; }
.profile-activity-label small,.profile-activity-value small,.profile-activity-chart>span,.profile-activity-week small { display:block; color:var(--muted); font-size:.68rem; line-height:1.5; }
.profile-activity-label strong { display:block; font-size:.92rem; margin-top:4px; }.profile-activity-value { min-width:65px; }.profile-activity-value>strong { font-size:1.9rem; line-height:1.1; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }.profile-activity-value small { margin-top:6px; }
.profile-activity-chart { height:66px; min-width:0; }.profile-activity-chart svg { display:block; width:100%; height:46px; color:var(--primary); overflow:visible; }.profile-activity-chart>span { text-align:right; font-size:.6rem; margin-top:5px; }
.profile-activity .activity-spark-area { fill:currentColor; opacity:.07; }.profile-activity .activity-spark-line { stroke:currentColor; fill:none; stroke-width:2; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1; animation:profile-activity-line 1s ease both; }
.profile-activity-week { text-align:right; }.profile-activity-week strong { font-size:.92rem; }.profile-activity-week strong>span { font-weight:400; color:var(--muted); font-size:.73rem; }.profile-activity-week small { margin-top:6px; }.profile-activity-week .is-growing { color:var(--success); }
.profile-activity-loading { grid-column:3/5; color:var(--muted); font-size:.75rem; }
/* Expand the explanation inside the card so rounded parent panels cannot clip it. */
.profile-activity-note { grid-column:1/-1; min-width:0; border-top:1px solid var(--panel-border,#ffffff24); padding-top:12px; }
.profile-activity .profile-activity-note > summary { display:flex; align-items:center; gap:8px; width:fit-content; min-height:32px; margin:0; padding:0; border:0; list-style:none; cursor:pointer; color:var(--muted); font-size:.74rem; font-weight:500; }
.profile-activity-note > summary i { font-style:normal; color:var(--primary); }
.profile-activity-note > summary::-webkit-details-marker { display:none; }
.profile-activity-note > p { margin:10px 0 0; max-width:70ch; color:var(--muted); font-size:.74rem; line-height:1.65; overflow-wrap:anywhere; }
.profile-activity-note > summary:focus-visible { outline:2px solid var(--primary); outline-offset:4px; border-radius:4px; }
@keyframes profile-activity-line { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@media(max-width:800px) { .profile-activity { grid-template-columns:minmax(0,1fr) auto; gap:14px; padding:18px; min-height:165px; }.profile-activity-label { grid-column:1; }.profile-activity-value { grid-column:2; text-align:right; }.profile-activity-note { grid-column:1/-1; grid-row:3; }.profile-activity-chart { grid-column:1; grid-row:2; }.profile-activity-week { grid-column:2; grid-row:2; }.profile-activity-loading { grid-column:1/-1; }.profile-activity-chart>span { text-align:left; } }
@media(prefers-reduced-motion:reduce) { .profile-activity .activity-spark-line { animation:none; } }

/* Profiles show one concise summary; detailed trends live in Growth. */
.public-stats-shell[data-public-stats-kind="player"] .public-stats-kpis { grid-template-columns: repeat(auto-fit, minmax(min(145px, 100%), 1fr)); }
.public-stats-shell.is-detail-mode > .public-stats-hero { display: none; }
.public-stats-shell .public-stats-view-nav[role="tablist"] { display: flex; gap: 4px; }
.public-stats-shell .public-stats-view-nav[role="tablist"] > button { flex: 1; min-width: 0; text-align: center; }
.public-stats-shell .public-stats-view-nav[role="tablist"] small { display: none; }
.public-stats-shell .stats-page-details > .public-stats-history-list,
.public-stats-shell .stats-analysis-details > [data-stats-insights] { padding: 20px; }
.public-stats-shell .stats-page-details .public-stats-location { border: 0; border-radius: 0; box-shadow: none; }
.stats-audience-details > .profile-activity { border: 0; box-shadow: none; border-radius: 0; }
.stats-ranking-links { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 16px; padding: 4px 2px; font-size: .8rem; }
.stats-ranking-links > span { margin-right: auto; color: var(--muted); }
.stats-ranking-links a { color: var(--text); text-decoration: none; padding-block: 10px; }
.stats-ranking-links a:hover { color: var(--primary); }
.stats-ranking-links a:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; }
@media(max-width:650px) {
  .public-stats-shell .public-stats-view-nav[role="tablist"] > button { padding: 10px 3px; }
  .public-stats-shell .public-stats-view-nav[role="tablist"] span { font-size: .7rem; }
  .public-stats-shell .stats-page-details > .public-stats-history-list,
  .public-stats-shell .stats-analysis-details > [data-stats-insights] { padding: 12px; }
  .stats-ranking-links { gap: 12px; font-size: .73rem; }
}