.stats-page main{max-width:1080px}.stats-page .intro{margin-bottom:28px}.stats-game,.stats-help,.stats-records,.stats-page .save-warning{max-width:800px;margin-left:auto;margin-right:auto}.stats-settings{border:0;padding:0;margin:0 0 24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stats-stat-options{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.stats-stat-options button{font-size:12px;padding:10px 13px;min-height:42px}.stats-settings button[aria-pressed=true]{background:#e0e8d8;color:#244a32;border-color:#8da183}.stats-mode-options{display:flex;justify-content:center;margin-top:14px;gap:0}.stats-mode-options button{min-width:120px;font-size:12px;border-radius:0;min-height:40px}.stats-mode-options button:first-child{border-radius:99px 0 0 99px}.stats-mode-options button:last-child{border-radius:0 99px 99px 0;margin-left:-1px}.stats-settings:disabled button{opacity:.65}.stats-settings:disabled button[aria-pressed=true]{opacity:1}.stats-scoreboard{display:flex;align-items:center;gap:28px;padding:18px 0;border-block:1px solid var(--line)}.stats-scoreboard>div{display:flex;align-items:center;gap:12px}.stats-scoreboard span{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--muted)}.stats-scoreboard strong{font:600 30px 'Space Grotesk',sans-serif;color:var(--green);font-variant-numeric:tabular-nums}.stats-scoreboard p{margin:0 0 0 auto;font-size:11px;color:var(--muted)}.stats-scoreboard button{font-size:10px;padding:7px 9px}.stats-question{text-align:center;font:500 clamp(18px,3vw,24px) 'Space Grotesk',sans-serif;margin:26px 0 18px}.stats-timer-wrap{display:flex;align-items:center;gap:12px;margin:0 0 15px}.stats-timer-track{height:5px;flex:1;background:#dfe5d8;border-radius:99px;overflow:hidden}.stats-timer-track i{display:block;width:100%;height:100%;background:var(--green);border-radius:inherit}.stats-timer-wrap>span{font-size:12px;min-width:35px;text-align:right;font-variant-numeric:tabular-nums;color:var(--green)}.stats-timer-wrap.urgent i{background:var(--danger)}.stats-timer-wrap.urgent>span{color:var(--error)}.stats-arena{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;position:relative}.stats-arena:after{content:'VS';position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--muted);height:36px;width:36px;display:grid;place-items:center;font:600 10px 'Space Grotesk';pointer-events:none}.stats-arena[aria-busy=true] .stat-choice>*{visibility:hidden}.stat-choice{display:flex;flex-direction:column;align-items:center;position:relative;padding:28px 15px 22px;min-width:0;min-height:306px;border-radius:14px;background:linear-gradient(145deg,#fff,#edf1e5);border:1px solid #cdd7c5}.stat-choice:hover:not(:disabled){background:#e5eddd;transform:translateY(-2px);border-color:#78946e;box-shadow:0 10px 30px #3f5d3610}.stat-choice:disabled{opacity:1}.stat-choice img{display:block;width:128px;height:128px;max-width:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 5px #29422418)}.stat-choice>strong{font:600 21px 'Space Grotesk',sans-serif;margin:12px 0;overflow-wrap:anywhere}.stat-card-key{position:absolute;top:12px;left:15px;color:var(--muted);font-size:15px}.stat-card-value{display:flex;flex-direction:column;gap:4px}.stat-card-value b{font:600 29px 'Space Grotesk';font-variant-numeric:tabular-nums}.stat-card-value>span{font-size:10px;letter-spacing:.3px;color:var(--muted)}.stat-placeholder{display:grid;place-items:center;width:128px;height:128px;font:400 65px 'Space Grotesk';color:#91a388}.stat-choice.higher{background:#e0eddb;border-color:#47734f;box-shadow:inset 0 0 0 1px #47734f}.stat-choice.higher .stat-card-value{color:#315737}.stat-choice.chosen.lower{background:#f5e4df;border-color:#b06c5d;box-shadow:inset 0 0 0 1px #b06c5d}.stats-feedback{min-height:44px;margin:16px 0 8px;text-align:center;font-size:13px;line-height:1.6;color:var(--muted)}.stats-feedback[data-result=correct]{color:var(--green)}.stats-feedback[data-result=wrong],.stats-feedback[data-result=timeout]{color:var(--error)}.stats-actions{display:flex;justify-content:center;min-height:46px}.stats-actions button{min-height:46px;min-width:180px}.stats-help{margin-top:32px}.stats-records{margin-top:32px}.stats-records-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.stats-records h2{font:500 20px 'Space Grotesk'}.stats-records-heading>span{font-size:10px;color:var(--muted)}.stats-records table{width:100%;border-collapse:collapse;font-size:12px}.stats-records th,.stats-records td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:right}.stats-records th:first-child{text-align:left}.stats-records thead th{font-size:10px;color:var(--muted);font-weight:500}.stats-records tbody th{font-weight:500}.stats-records td{font-variant-numeric:tabular-nums;font-weight:700;color:var(--green)}.stats-records .current-stat{background:#e7edde80}
html[data-theme=dark] .stats-settings button[aria-pressed=true]{background:linear-gradient(135deg,#224d36,#153b28);color:#baf1d3;border-color:#427953;box-shadow:0 0 15px #14ae7410}html[data-theme=dark] .stats-mode-options button:not([aria-pressed=true]){background:#101e16}html[data-theme=dark] .stats-timer-track{background:#243c2d}html[data-theme=dark] .stats-timer-track i{box-shadow:0 0 8px #83d6b260}html[data-theme=dark] .stat-choice{background:radial-gradient(ellipse at 50% 35%,#27523750,transparent 65%),linear-gradient(145deg,#17291e,#111d17);border-color:#35523f;box-shadow:var(--card-shadow)}html[data-theme=dark] .stats-page .stat-choice:disabled{opacity:1}html[data-theme=dark] .stats-page .stat-choice:hover:not(:disabled){background:radial-gradient(ellipse at 50% 35%,#36784960,transparent 70%),#182d1e;border-color:#78b78c;box-shadow:0 0 28px #14ae7414}html[data-theme=dark] .stat-choice img{filter:drop-shadow(0 7px 6px #0005)}html[data-theme=dark] .stat-placeholder{color:#6c9478}html[data-theme=dark] .stat-choice.higher{background:radial-gradient(ellipse at 50% 30%,#377f5250,transparent 70%),#153b28;border-color:#83d6b2;box-shadow:inset 0 0 0 1px #83d6b2,0 0 24px #14ae741c}html[data-theme=dark] .stat-choice.higher .stat-card-value{color:#a4edc6}html[data-theme=dark] .stat-choice.chosen.lower{background:#392623;border-color:#f49c8a;box-shadow:inset 0 0 0 1px #f49c8a}html[data-theme=dark] .stats-records .current-stat{background:#17382580}
@media(max-width:600px){.stats-stat-options{gap:5px}.stats-stat-options button{padding:9px 10px;font-size:11px}.stats-scoreboard{gap:16px;flex-wrap:wrap;padding:14px 0}.stats-scoreboard>div{gap:8px}.stats-scoreboard strong{font-size:26px}.stats-scoreboard p{font-size:10px}.stats-scoreboard button{margin-left:auto}.stats-arena{gap:10px}.stat-choice{min-height:280px;padding:25px 8px 18px}.stat-choice>strong{font-size:17px}.stats-question{font-size:18px}.stats-arena:after{width:29px;height:29px;font-size:9px}.stats-records-heading{align-items:baseline}.stats-records-heading>span{display:none}.stats-records th,.stats-records td{padding:11px 9px}.stats-feedback{font-size:12px}}
@media(prefers-reduced-motion:reduce){.stats-page button{transition:none}}

.stats-stat-options[hidden]{display:none}.usage-page .stat-card-value b{font-size:clamp(16px,3.4vw,27px)}.stat-card-value small{font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}.usage-page .stat-choice.tied{background:#f3ebd3;border-color:#a4863f;box-shadow:inset 0 0 0 1px #a4863f}.usage-page .stat-choice.tied .stat-card-value,.stats-feedback[data-result=tie]{color:#70571c}html[data-theme=dark] .usage-page .stat-choice.tied{background:radial-gradient(ellipse at 50% 30%,#a4852830,transparent 70%),#302c1d;border-color:#d0b36a;box-shadow:inset 0 0 0 1px #d0b36a,0 0 24px #d0b36a14}html[data-theme=dark] .usage-page .stat-choice.tied .stat-card-value,html[data-theme=dark] .stats-feedback[data-result=tie]{color:#f0ce79}
