.stat-page{ padding:48px 0 30px; max-width:760px; }
.stat-page__title{ margin:0 0 24px; font-family:"Press Start 2P",monospace; font-size:24px; line-height:1.35;
  color:var(--ink); text-shadow:3px 3px 0 rgba(0,0,0,.55); }

.stat-banner{ display:flex; align-items:center; gap:14px; margin-bottom:26px; padding:18px 20px;
  font-size:16px; font-weight:800; color:var(--ink); background:rgba(127,198,238,.06); }
.stat-banner__dot{ width:13px; height:13px; flex:0 0 auto; background:var(--muted); box-shadow:var(--bevel-sm); }
.stat-banner.is-ok .stat-banner__dot{ background:var(--green); }
.stat-banner.is-ok{ color:var(--green); background:rgba(143,224,106,.07); }
.stat-banner.is-bad .stat-banner__dot{ background:#ff8f7a; }
.stat-banner.is-bad{ color:#ffb3a7; background:rgba(200,80,70,.1); }
.stat-banner.is-warn .stat-banner__dot{ background:var(--gold); }
.stat-banner.is-warn{ color:var(--gold); background:rgba(255,207,106,.08); }

.stat-list{ display:flex; flex-direction:column; gap:10px; }
.stat-row{ display:flex; align-items:center; gap:14px; padding:15px 18px;
  background:rgba(255,255,255,.02); box-shadow:var(--bevel-sm); }
.stat-row__dot{ width:11px; height:11px; flex:0 0 auto; box-shadow:var(--bevel-sm); background:var(--muted); }
.stat-row.ok .stat-row__dot{ background:var(--green); }
.stat-row.bad .stat-row__dot{ background:#ff8f7a; }
.stat-row__name{ flex:1; font-size:15px; font-weight:700; color:var(--ink); }
.stat-row__detail{ font-size:12.5px; color:var(--muted); font-family:"Space Mono",monospace; }
.stat-row__state{ min-width:92px; text-align:right; font-size:12px; font-weight:800;
  letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
.stat-row.ok .stat-row__state{ color:var(--green); }
.stat-row.bad .stat-row__state{ color:#ffb3a7; }

.stat-page__foot{ margin-top:28px; font-size:13px; line-height:1.7; color:var(--muted); }
.stat-page__foot a{ color:var(--ice); }

@media (max-width:620px){
  .stat-row{ flex-wrap:wrap; }
  .stat-row__detail{ width:100%; order:3; }
  .stat-page__title{ font-size:18px; }
}

.licstat{ display:flex; flex-direction:column; gap:6px; align-items:center; text-align:center;
  margin-top:18px; padding:20px 18px; background:rgba(0,0,0,.25); box-shadow:var(--bevel); }
.licstat .big{ font-family:"Press Start 2P",monospace; font-size:26px; color:var(--green);
  text-shadow:2px 2px 0 rgba(0,0,0,.5); }
.licstat .sub{ font-size:13px; line-height:1.6; color:var(--muted); }

.hist{ margin-top:18px; padding:18px; background:rgba(0,0,0,.25); box-shadow:var(--bevel); }
.hist__h{ margin:0 0 14px; font-family:"Press Start 2P",monospace; font-size:10px;
  letter-spacing:.05em; color:var(--ice-2); }
.hist__row{ display:grid; grid-template-columns:110px 1fr 48px; gap:11px; align-items:center; margin-bottom:9px; }
.hist__name{ font-size:12.5px; color:var(--ink-soft); }
.hist__days{ display:flex; gap:2px; }
.hist__day{ flex:1 1 auto; height:22px; min-width:4px; background:rgba(255,255,255,.07); }
.hist__day.is-full{ background:var(--green); }
.hist__day.is-part{ background:var(--gold); }
.hist__day.is-down{ background:var(--red); }
.hist__day.is-unknown{ background:rgba(255,255,255,.07); }
.hist__avg{ font-family:"Space Mono",monospace; font-size:12px; text-align:right; color:var(--muted); }
.hist__note{ margin:12px 0 0; font-size:12px; line-height:1.6; color:var(--muted); }

@media (max-width:620px){
  .hist__row{ grid-template-columns:74px 1fr 40px; gap:8px; }
}