/* Loaded only by /2048-statistics/. Does not alter global page styles. */
/* Keep the mode selector visible below the sticky site header after navigation. */
.stats-modes #explore-the-numbers{scroll-margin-top:clamp(90px,12vh,150px)}
.stats-modes .stats-modes__filter{padding:20px 24px;margin-bottom:24px}
.stats-modes .stats-modes__filter h2{font-size:1.1rem;margin:0 0 12px}
.stats-modes .stats-modes__tabs{display:flex;flex-wrap:wrap;gap:8px}
.stats-modes .stats-modes__tabs a{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid var(--border,rgba(150,170,200,.28));border-radius:10px;text-decoration:none;color:inherit;font-size:.88rem}
.stats-modes .stats-modes__tabs a.selected{background:var(--accent,#6bd5bc);color:#14232d;border-color:transparent;font-weight:700}
.stats-modes .stats-modes__filter .data-note{margin:14px 0 0}
.stats-modes .stats-modes__season-dates{margin:0 0 24px;font-size:.9rem}
.stats-modes .statistics-hero{margin-bottom:24px}
.stats-modes .statistics-totals{margin-bottom:24px}
.stats-modes .statistics-grid{margin-bottom:24px}
.stats-modes .stats-modes__notice{padding:24px}
.stats-modes .stats-modes__breakdown{display:grid;gap:17px;margin-top:20px}
.stats-modes .stats-modes__meter-row>div:first-child{display:flex;gap:8px;justify-content:space-between;align-items:baseline;font-size:.9rem}
.stats-modes .stats-modes__meter-row>div:first-child span{opacity:.75;font-variant-numeric:tabular-nums;font-size:.82rem;white-space:nowrap}
.stats-modes .stats-modes__meter{height:9px;border-radius:99px;background:rgba(130,155,185,.19);overflow:hidden;margin-top:7px}
.stats-modes .stats-modes__meter span{height:100%;display:block;border-radius:inherit;background:var(--accent,#6bd5bc)}
.stats-modes .stats-modes__merges{padding:24px}

/* Secondary metrics deliberately share the hero card's visual language. */
.stats-modes .statistics-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.stats-modes .statistics-totals .stats-modes__metric{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:24px;overflow:hidden}
.stats-modes .statistics-totals .stats-modes__metric .eyebrow{display:block;line-height:1.4;letter-spacing:.1em}
.stats-modes .statistics-totals .stats-modes__metric .statistic-big{display:block;min-width:0;font-variant-numeric:tabular-nums;line-height:1.12;font-size:clamp(1.6rem,2.5vw,2.65rem);overflow-wrap:anywhere}
.stats-modes .statistics-totals .stats-modes__metric p{margin:0;line-height:1.5}
/* Tile artwork matches the actual game's data-value palette. */
.stats-modes .stats-modes__tile-intro{margin:12px 0 0;line-height:1.55;opacity:.8}
.stats-modes .stats-modes__tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:22px 0}
.stats-modes .stats-modes__tile-card{min-width:0;border:1px solid rgba(150,170,200,.23);border-radius:13px;background:rgba(130,155,185,.07);padding:12px 8px 14px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:4px}
.stats-modes .stats-modes__game-tile{width:min(100%,112px);aspect-ratio:1;display:grid;place-items:center;padding:4px;border-radius:10px;background:#c7d6dc;color:#354453;box-shadow:inset 0 2px 0 #ffffff40,0 4px 0 #18232b55;font-family:var(--display,Impact,sans-serif);font-weight:800;font-size:clamp(1.35rem,2.35vw,2rem);line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}
.stats-modes .stats-modes__game-tile[data-value="4"]{background:#c7d6dc}
.stats-modes .stats-modes__game-tile[data-value="8"]{background:#9fc8cd}
.stats-modes .stats-modes__game-tile[data-value="16"]{background:#80b9b8}
.stats-modes .stats-modes__game-tile[data-value="32"]{background:#72a9b1}
.stats-modes .stats-modes__game-tile[data-value="64"]{background:#edbd88;color:#513c2d}
.stats-modes .stats-modes__game-tile[data-value="128"]{background:#f6a967;color:#563724}
.stats-modes .stats-modes__game-tile[data-value="256"]{background:#f69558;color:#592f22}
.stats-modes .stats-modes__game-tile[data-value="512"]{background:#f58155;color:#fff5e9}
.stats-modes .stats-modes__game-tile[data-value="1024"]{background:#fbc368;color:#51381e}
.stats-modes .stats-modes__game-tile[data-value="2048"]{background:#f5d16a;color:#382718;box-shadow:0 0 20px #f5d16a55,inset 0 2px 0 #ffffff66}
/* Distinct high-value tiles, rather than the same purple for every value. */
.stats-modes .stats-modes__game-tile[data-value="4096"]{background:#9d83e0;color:#fff}
.stats-modes .stats-modes__game-tile[data-value="8192"]{background:#6379da;color:#fff}
.stats-modes .stats-modes__game-tile[data-value="16384"]{background:#267eae;color:#fff}
.stats-modes .stats-modes__game-tile[data-value="32768"]{background:#168d7a;color:#fff}
.stats-modes .stats-modes__game-tile[data-value="65536"]{background:#b44486;color:#fff;box-shadow:0 0 18px #b4448655,inset 0 2px 0 #ffffff44}
.stats-modes .stats-modes__game-tile[data-value="16384"],.stats-modes .stats-modes__game-tile[data-value="32768"],.stats-modes .stats-modes__game-tile[data-value="65536"]{font-size:clamp(.98rem,1.7vw,1.4rem)}
.stats-modes .stats-modes__tile-count{margin-top:7px;font-size:clamp(1.12rem,1.85vw,1.48rem);line-height:1.15;font-variant-numeric:tabular-nums}
.stats-modes .stats-modes__tile-caption{font-size:.73rem;opacity:.73}
.stats-modes .stats-modes__tile-card--empty .stats-modes__tile-count{opacity:.65}
@media(max-width:980px){.stats-modes .statistics-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-modes .stats-modes__tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){.stats-modes .stats-modes__filter,.stats-modes .stats-modes__merges{padding:16px}.stats-modes .stats-modes__tabs a{font-size:.8rem;padding:8px 10px}.stats-modes .stats-modes__meter-row>div:first-child{flex-wrap:wrap}.stats-modes .statistics-totals{gap:10px}.stats-modes .statistics-totals .stats-modes__metric{padding:16px;gap:7px}.stats-modes .statistics-totals .stats-modes__metric .statistic-big{font-size:clamp(1.35rem,5vw,1.9rem)}.stats-modes .stats-modes__tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.stats-modes .stats-modes__tile-card{padding:9px 5px 11px}.stats-modes .stats-modes__game-tile{font-size:clamp(1rem,4vw,1.6rem)}.stats-modes .stats-modes__game-tile[data-value="16384"],.stats-modes .stats-modes__game-tile[data-value="32768"],.stats-modes .stats-modes__game-tile[data-value="65536"]{font-size:clamp(.85rem,3.2vw,1.15rem)}}
@media(max-width:390px){.stats-modes .statistics-totals{grid-template-columns:1fr 1fr}.stats-modes .stats-modes__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Light theme; numerical tile colours remain intentionally vivid. */
.stats-modes .stats-modes__tabs a{border-color:#d8d0c4;background:#f6f2eb;color:#5f5951}
.stats-modes .stats-modes__tabs a:hover{background:#eee8de;color:#2c2822}
.stats-modes .stats-modes__tabs a.selected{background:#e58a3a;color:#2b190a;border-color:#e58a3a}
.stats-modes .stats-modes__meter{background:#e8e2d9}
.stats-modes .stats-modes__meter span{background:#4fa995}
.stats-modes .stats-modes__tile-card{border-color:#ddd6c9;background:#faf7f1}