.mcstats-grid,.mcstats-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}
[data-mcstats-metrics]{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){[data-mcstats-metrics]{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mcstats-card{padding:1.25rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);min-width:0}
.project-page--minecraft .minecraft-card-icon{display:block;width:24px;height:24px;flex:0 0 24px;color:var(--color-primary)}
.project-page--minecraft .stat-card__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
/* Give only the four Minecraft server-status cards stronger visual hierarchy. */
.project-page--minecraft [data-mc-status-card],
.project-page--minecraft [data-mcstats-metrics] > .mcstats-card{
  --mc-card-accent:#64dc9a;
  position:relative;
  padding:1.4rem;
  min-width:0;
  border:1px solid color-mix(in srgb,var(--mc-card-accent) 32%,#24332e);
  border-top:3px solid var(--mc-card-accent);
  border-radius:18px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--mc-card-accent) 10%,var(--color-surface)),var(--color-surface) 75%);
  box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.project-page--minecraft [data-mc-status-card="players"]{--mc-card-accent:#66c9ed}
.project-page--minecraft [data-mc-status-card="version"]{--mc-card-accent:#b7a0ed}
.project-page--minecraft [data-mc-status-card="type"]{--mc-card-accent:#edc575}
.project-page--minecraft [data-mcstats-metrics] > .mcstats-card:nth-child(1){--mc-card-accent:#66c9ed}
.project-page--minecraft [data-mcstats-metrics] > .mcstats-card:nth-child(2){--mc-card-accent:#64dc9a}
.project-page--minecraft [data-mcstats-metrics] > .mcstats-card:nth-child(3){--mc-card-accent:#b7a0ed}
.project-page--minecraft [data-mcstats-metrics] > .mcstats-card:nth-child(4){--mc-card-accent:#edc575}
.project-page--minecraft [data-mcstats-metrics] > .mcstats-card:nth-child(5){--mc-card-accent:#f1aa7f}
.project-page--minecraft [data-mcstats-metrics] > .mcstats-card:nth-child(6){--mc-card-accent:#77d2c3}
.project-page--minecraft [data-mc-state="offline"]{--mc-card-accent:#ff7787}
.project-page--minecraft [data-mc-state="unknown"]{--mc-card-accent:#b7c2c8}
.project-page--minecraft [data-mc-status-card]:hover,
.project-page--minecraft [data-mcstats-metrics] > .mcstats-card:hover{border-color:var(--mc-card-accent);box-shadow:0 12px 30px rgba(0,0,0,.3)}
.project-page--minecraft [data-mc-status-card] .stat-card__source{font-size:.65rem;color:var(--mc-card-accent);letter-spacing:.13em}
.project-page--minecraft [data-mc-status-card] .minecraft-card-icon,
.project-page--minecraft [data-mcstats-metrics] .minecraft-card-icon{box-sizing:content-box;padding:.55rem;border-radius:11px;color:var(--mc-card-accent);background:color-mix(in srgb,var(--mc-card-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--mc-card-accent) 20%,transparent)}
.project-page--minecraft [data-mc-status-card] .stat-card__value{font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.45;margin-top:1.15rem;color:var(--mc-card-accent);overflow-wrap:anywhere}
.project-page--minecraft [data-mc-status-card] .stat-card__label{font-size:.78rem;color:#becbc6;margin-top:.6rem}
@media(prefers-reduced-motion:reduce){.project-page--minecraft [data-mc-status-card],.project-page--minecraft [data-mcstats-metrics] > .mcstats-card{transition:none}}
.mcstats-card-heading{display:flex;align-items:center;gap:.65rem;min-width:0}
.mcstats-card-heading span{min-width:0;overflow-wrap:anywhere}
.mcstats-card strong{display:block;font-size:1.65rem;color:var(--color-primary);margin-top:.5rem;overflow-wrap:anywhere}
.project-page--minecraft [data-mcstats-metrics] .mcstats-card-heading{flex-direction:row-reverse;justify-content:space-between;gap:.75rem}
.project-page--minecraft [data-mcstats-metrics] .mcstats-card-heading span{font-size:.8rem;line-height:1.4;color:#becbc6}
.project-page--minecraft [data-mcstats-metrics] .mcstats-card strong{font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.45;color:var(--mc-card-accent);margin-top:1rem}
.mcstats-card h4{margin:0 0 1rem;font-size:1.1rem;overflow-wrap:anywhere}
.mcstats-card dl{margin:0}.mcstats-card dl div{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0}.mcstats-card dd{margin:0}
.mcstats-note{font-size:.8rem;line-height:1.6}.mcstats-card dt{color:var(--color-muted)}
#minecraft-statistics[data-state="stale"] .mcstats-grid{opacity:.65}
@media(max-width:480px){.mcstats-grid,.mcstats-players{grid-template-columns:1fr}}
.mcstats-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:1rem;margin:2.5rem 0 1rem}.mcstats-toolbar h3{margin:0 auto 0 0}.mcstats-toolbar label{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}
.mcstats-toolbar input,.mcstats-toolbar select{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:.65rem;border-radius:8px;max-width:100%}
.mcstats-card progress{width:100%;height:14px;accent-color:var(--color-primary)}.mcstats-card summary{cursor:pointer}.mcstats-card summary small{display:block;color:var(--color-muted);font-size:.75rem;margin-top:.5rem}.mcstats-card summary strong{font-size:1.1rem}.mcstats-card[open] dl{margin-top:1rem}.mcstats-chart{padding:1rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface)}.mcstats-chart svg{width:100%;height:auto;display:block}
#minecraft-statistics :focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}
#minecraft-statistics [hidden]{display:none!important}
/* More than four goals become a scrollable row; the normal grid is untouched. */
[data-mcstats-goals].mcstats-goals-slider{
  grid-template-columns:none;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 3rem) / 4);
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
  scrollbar-color:var(--color-primary) var(--color-surface);
  overscroll-behavior-x:contain;
  padding-block:.75rem;
  max-width:100%;
}
.mcstats-goals-slider > .mcstats-card{scroll-snap-align:start}
.mcstats-goal-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.mcstats-goal-controls .btn:disabled{opacity:.4;cursor:default}
@media(max-width:760px){[data-mcstats-goals].mcstats-goals-slider{grid-auto-columns:calc((100% - 1rem) / 2)}}
@media(max-width:480px){[data-mcstats-goals].mcstats-goals-slider{grid-auto-columns:100%}}