/* Season statistics: scoped colors remain legible in every site theme. */
#statistics{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--green) 13%,transparent),transparent 60%),var(--paper)}
.statistics-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(20px,2vw,28px) clamp(24px,4vw,48px);border-radius:16px;background:#123a38;color:#fff}
.statistics-hero::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.24;background:repeating-linear-gradient(0deg,transparent 0 47px,#a4cdc6 48px 49px),repeating-linear-gradient(90deg,transparent 0 79px,#a4cdc6 80px 81px);mask-image:linear-gradient(90deg,transparent,#000)}
.statistics-art{position:absolute;z-index:-1;right:-2%;top:0;width:58%;height:100%;opacity:.4}
.statistics-hero .eyebrow{color:#c9dcd3;letter-spacing:.16em;margin-bottom:8px}
.statistics-hero h2{color:#fff;font-size:clamp(2rem,3.2vw,2.6rem);max-width:800px;margin-bottom:8px}
.statistics-intro{max-width:650px;color:#dce9e2;margin-bottom:16px}
.statistics-numbers{display:flex;flex-wrap:wrap;gap:20px 44px;margin:0}
.statistics-numbers div{display:flex;flex-direction:column-reverse}
.statistics-numbers dt{font-size:.8rem;color:#dce9e2}
.statistics-numbers dd{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;margin:0;color:#f1cf83;line-height:1.25;font-variant-numeric:tabular-nums}
.statistics-quote{display:flex;align-items:center;gap:18px;margin:14px 0 20px;padding:14px 24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink)}
.statistics-quote:hover{border-color:var(--green)}
.statistics-quote-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--green) 12%,var(--panel));color:var(--green);font-size:1.6rem;font-weight:700}
.statistics-quote strong{display:block;font-size:1.1rem}.statistics-quote small{display:block;color:var(--muted);margin-top:3px}.statistics-quote-arrow{margin-left:auto;white-space:nowrap;color:var(--green);font-weight:700}
.statistics-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px}.statistics-heading h3{font-size:1.2rem;margin:0}.statistics-heading p{color:var(--muted);font-size:.82rem;margin:0}
.statistics-viewer{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);color:var(--ink)}
.statistics-stage{background:#112b2a;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;max-height:68vh;min-height:0}
.statistics-stage img{display:block;width:100%;height:100%;object-fit:contain;min-height:0}
.statistics-controls{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}
.statistics-controls button,.statistics-controls select{min-height:40px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);padding:8px 12px}
.statistics-controls button{cursor:pointer;white-space:nowrap}.statistics-controls button:disabled{opacity:.4;cursor:default}.statistics-controls select{flex:1;min-width:0;width:100%}
.statistics-controls :focus-visible,.statistics-quote:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.statistics-caption{margin:0;padding:0 16px 12px;color:var(--muted);font-size:.82rem;min-height:2em}
.statistics-downloads{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:16px;color:var(--green);font-size:.9rem}.statistics-downloads a{text-decoration:underline;text-underline-offset:4px}
.statistics-viewer:fullscreen{display:flex;flex-direction:column;border:0;border-radius:0;padding:16px;background:var(--panel)}
.statistics-viewer:fullscreen .statistics-stage{flex:1;max-height:none;aspect-ratio:auto;overflow:hidden}.statistics-viewer:fullscreen .statistics-stage img{max-height:100%;object-fit:contain}
.statistics-canvas{position:relative;flex:none;max-width:100%;aspect-ratio:16/9}
.statistics-reveal-mask{position:absolute;display:block;border-bottom:1px solid #c6c9ce;opacity:1;transition:opacity .45s ease;pointer-events:none}
.statistics-reveal-mask.is-revealed{opacity:0}
.statistics-reveal-comment{left:3%;top:81.15%;width:94%;height:7.5%;background:#fff;border:0}
.statistics-controls .statistics-present-button{background:var(--green);color:#fff;font-weight:700}
body.statistics-presenting{overflow:hidden}
.statistics-viewer.is-presenting{position:fixed;inset:0;z-index:1000;border:0;border-radius:0;padding:0;background:#080b10;display:flex;flex-direction:column}
.statistics-viewer.is-presenting .statistics-stage{flex:1;max-height:none;aspect-ratio:auto;background:#080b10;cursor:pointer;overflow:hidden}
.statistics-viewer.is-presenting .statistics-controls{position:absolute;bottom:30px;left:12px;right:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;transition:opacity .2s}
.statistics-viewer.is-presenting .statistics-caption{position:absolute;bottom:0;left:0;right:0;background:var(--panel);padding:4px 16px;transition:opacity .2s}
.statistics-viewer.is-presenting.controls-asleep .statistics-controls:not(:focus-within),.statistics-viewer.is-presenting.controls-asleep .statistics-caption{opacity:0;pointer-events:none}
.statistics-viewer.is-presenting.controls-asleep .statistics-stage{cursor:none}
.statistics-viewer.is-presenting [data-slide-fullscreen]{display:none}
@media(prefers-reduced-motion:reduce){.statistics-reveal-mask,.statistics-controls,.statistics-caption{transition:none!important}}
@media(max-width:600px){.statistics-art{width:100%;opacity:.2}.statistics-numbers{display:grid;grid-template-columns:1fr 1fr;gap:18px}.statistics-quote{padding:16px;gap:12px}.statistics-quote-arrow{font-size:0}.statistics-quote-arrow::after{content:'↗';font-size:1.4rem}.statistics-heading{display:block}.statistics-heading p{margin-top:5px}.statistics-controls{flex-wrap:wrap;padding:10px;gap:8px}.statistics-controls select{order:-1;flex-basis:100%}.statistics-controls button:last-child{margin-left:auto}.statistics-caption{padding:0 10px 10px}.statistics-viewer:fullscreen{padding:6px}}

.statistics-play-hint{margin:12px 0 0;color:var(--muted);font-size:.82rem}
