:root{
  color-scheme:light;
  --background:#fff;--panel:#fafafa;--hover:#f9fafb;
  --text:#1f2937;--heading:#111827;--secondary-text:#4b5563;--muted:#6b7280;--control-text:#374151;
  --border:#e5e7eb;--control-border:#d1d5db;--input-border:#9ca3af;--blank:#c4c9d1;
  --accent:#2563eb;--accent-strong:#1d4ed8;--button:#2563eb;--button-hover:#1d4ed8;--focus:#93c5fd;--selection:#dbeafe;
  --tint:#eff6ff;--info-border:#bfdbfe;--info-text:#1e40af;
  --error-text:#b42318;--error-background:#fff5f5;--error-border:#fecaca;
  --shadow:#0002;--backdrop:#11182766;--chart-bar:#d1d5db;--chart-highlight:#93c5fd;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --background:#111827;--panel:#1b2433;--hover:#263244;
  --text:#e5e7eb;--heading:#f9fafb;--secondary-text:#c4cbd6;--muted:#a5b0c0;--control-text:#e5e7eb;
  --border:#344154;--control-border:#526176;--input-border:#728096;--blank:#8995a6;
  --accent:#93c5fd;--accent-strong:#bfdbfe;--button:#2563eb;--button-hover:#1d4ed8;--focus:#93c5fd;--selection:#264d7b;
  --tint:#203653;--info-border:#45658e;--info-text:#bfdbfe;
  --error-text:#fecaca;--error-background:#3d222b;--error-border:#9e4a58;
  --shadow:#0006;--backdrop:#0009;--chart-bar:#65758c;--chart-highlight:#93c5fd;
}
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:var(--background);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:1.875rem;line-height:1.25;letter-spacing:-.025em}h1:focus{outline:none}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1rem}button{border-radius:5px}::selection{background:var(--selection)}
.shell{max-width:768px;padding:0 24px;margin:0 auto;min-height:100svh;display:flex;flex-direction:column}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.wordmark{font-size:1.125rem;font-weight:600;color:var(--heading);text-decoration:none;white-space:nowrap}.top-actions{display:flex;gap:20px;align-items:center}.quiet{border:0;background:none;color:var(--secondary-text);padding:8px 0;font-size:.875rem;line-height:1.5}.quiet:hover{color:var(--heading);text-decoration:underline;text-underline-offset:3px}.main{flex:1;padding:40px 0 48px}.start-screen{max-width:520px;margin:44px 0}.start-screen h1{margin-bottom:20px}.intro{font-size:1rem;color:var(--secondary-text);line-height:1.7;margin-top:8px}.start-screen .primary{margin-top:28px}.primary,.secondary{border:1px solid var(--control-border);min-height:44px;padding:10px 18px;font-size:1rem;line-height:1.4;font-weight:500;display:inline-flex;justify-content:center;align-items:center;text-decoration:none}.primary{background:var(--button);border-color:var(--button);color:#fff}.primary:hover:not(:disabled){background:var(--button-hover);border-color:var(--button-hover)}.secondary{background:var(--background);color:var(--control-text)}.secondary:hover:not(:disabled){background:var(--hover)}.footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--border);color:var(--muted);font-size:.8125rem}.footer .quiet{font-size:.8125rem}.skip{position:fixed;top:-100px;left:16px;z-index:5;padding:12px;background:var(--background);color:var(--accent);border:1px solid var(--accent)}.skip:focus{top:12px}
.play-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.round-id{font-size:.875rem;color:var(--muted)}.play-heading{margin-bottom:24px}.play-layout{display:flex;flex-direction:column;gap:24px}.play-layout>div{min-width:0}.quote-panel{border:1px solid var(--border);border-radius:6px;background:var(--panel);padding:24px}.panel-label{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.8125rem;color:var(--muted);margin-bottom:24px}.quote-words{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;min-height:96px;align-content:center;font-size:1.375rem;line-height:1.65;color:var(--heading)}.quote-token{white-space:nowrap;display:inline-flex;align-items:center;min-height:36px}.hidden-word{display:inline-block;max-width:100%;min-width:12px;height:1.05em;border-bottom:2px solid var(--blank)}.score-panel{padding:17px 0 0}.score-top{display:flex;align-items:baseline;justify-content:space-between;gap:20px;font-size:.875rem;color:var(--secondary-text)}.score-top strong{font-size:1.25rem;font-weight:600;color:var(--heading);font-variant-numeric:tabular-nums}.score-note{font-size:.8125rem;line-height:1.6;color:var(--muted);margin-top:3px}.controls{display:flex;gap:10px;flex-wrap:wrap}.controls>button{flex:1}.game-message{margin-top:12px;min-height:24px;font-size:.8125rem;line-height:1.6;color:var(--muted)}.game-message:empty{display:none}.bottom-actions{display:flex;justify-content:space-between;gap:16px;margin-top:12px}.guess-box label{display:block;font-size:1rem;font-weight:500;margin-bottom:10px}.guess-box input{display:block;width:100%;padding:11px 13px;border:1px solid var(--input-border);border-radius:5px;color:var(--heading);background:var(--background);font-size:1rem;line-height:1.5}.guess-box input::placeholder{color:var(--muted)}.guess-box .primary{margin-top:18px}.form-hint{font-size:.875rem;color:var(--muted);margin-top:10px;line-height:1.6}.result-heading{margin-bottom:12px}.result-lead{font-size:1rem;color:var(--secondary-text);margin-bottom:24px}.full-quote{margin:0;color:var(--heading);font-size:1.25rem;line-height:1.8}.credit{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.credit strong{font-size:1rem;font-weight:600}.credit p{font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:6px}.reference{display:inline-block;font-size:.875rem;margin-top:12px;text-underline-offset:3px}.result-stats{display:flex;gap:36px;border-top:1px solid var(--border);padding-top:16px;margin-top:18px;flex-wrap:wrap}.result-stats span{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:4px}.result-stats strong{font-weight:600}.result>.primary{margin-top:28px}
.dialog{background:var(--background);color:var(--text);border:1px solid var(--control-border);border-radius:8px;box-shadow:0 16px 48px var(--shadow);width:min(560px,calc(100vw - 32px));padding:30px;max-height:85svh;overflow:auto}.dialog::backdrop{background:var(--backdrop)}.dialog h2{margin:4px 25px 22px 0}.dialog h3{margin:22px 0 8px}.dialog p{font-size:1rem;color:var(--secondary-text);line-height:1.7}.dialog-close{position:absolute;right:12px;top:10px;font-size:26px;background:none;border:0;color:var(--muted);width:36px;height:36px}.dialog>.primary{margin-top:24px}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:480px){.shell{padding:0 18px}.topbar{min-height:76px;gap:12px;flex-wrap:wrap;padding:15px 0}.wordmark{font-size:1rem}.top-actions{gap:14px}.top-actions .quiet{font-size:.8125rem}.main{padding:28px 0 36px}.start-screen{margin:28px 0}.quote-panel{padding:20px 16px}.panel-label{gap:8px;font-size:.8125rem}.quote-words{font-size:1.25rem;gap:10px 12px}.controls{flex-direction:column}.footer{flex-wrap:wrap;gap:4px}.dialog{padding:24px}.dialog-actions{gap:16px}h1{font-size:1.625rem}}
.model-note{font-size:.875rem;color:var(--muted);line-height:1.6;margin-top:18px;max-width:520px}.model-feedback{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:12px 14px;background:var(--tint);border:1px solid var(--info-border);border-radius:5px;font-size:.875rem;color:var(--info-text)}.model-error{font-size:.875rem;line-height:1.6;color:var(--error-text);background:var(--error-background);border:1px solid var(--error-border);padding:12px 14px;border-radius:5px;margin-top:16px}.model-feedback .quiet{color:inherit;flex-shrink:0}.result-stats{gap:24px}.result-stats>div{flex:1;min-width:160px}
.community-results{border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}.results-heading h2,.community-results h2{font-size:1.125rem}.results-heading span{font-size:.875rem;color:var(--muted)}.comparison{font-size:.9375rem;line-height:1.6;margin-top:10px;color:var(--secondary-text)}.histogram{display:block;width:100%;height:auto;margin:24px 0 14px;overflow:visible}.histogram text{font:14px system-ui,sans-serif;fill:var(--muted)}.histogram .you-label{font-weight:600;fill:var(--accent-strong)}.histogram .chart-caption{fill:var(--secondary-text)}.success-rate>strong{font-size:2.25rem;line-height:1.2;font-weight:600;color:var(--heading);font-variant-numeric:tabular-nums}.success-rate>p{margin-top:8px}.success-rate .score-note{margin-top:10px}

@media(max-width:480px){.histogram text{font-size:24px}}