:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#dfe7e2;--bg-deep:#cfdad4;--panel:#fffdf8;--panel-muted:#f3f6f1;--ink:#14201d;--muted:#62706b;--line:#14201d21;--line-strong:#14201d3d;--green:#113d35;--green-hover:#195247;--green-soft:#e1ece7;--blue:#2b6f8c;--blue-soft:#e0edf1;--gold:#b98231;--gold-soft:#f2e8d7;--red:#a13f32;--red-soft:#f4e4df;--shadow-border:0 0 0 1px #14201d14, 0 1px 2px -1px #14201d1f, 0 2px 4px #14201d0f;--shadow-surface:0 0 0 1px #14201d14, 0 20px 64px #16282229;--radius:8px;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-data:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}body{min-height:100%;color:var(--ink);background:linear-gradient(90deg, #113d350b 1px, transparent 1px) 50% 0 / 92px 100%, linear-gradient(180deg, #eef4ef 0%, var(--bg) 55%, var(--bg-deep) 100%);font-family:var(--font-ui);margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}p,li,dd{text-wrap:pretty}h1,.quote-text{text-wrap:balance}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-shell{width:min(1160px,100% - 32px);min-height:100vh;margin:0 auto;padding:24px 0 48px}.game-shell{gap:24px;display:grid}.site-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.header-actions,.clerk-auth-controls{align-items:center;gap:10px;display:flex}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-mark{filter:drop-shadow(0 10px 18px #113d3529);flex:none;width:48px;height:48px}.eyebrow,.section-label,.quote-meta,.result-label,.stats dt,.source-list dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:760}h1{font-family:var(--font-display);letter-spacing:0;margin:0;font-size:clamp(2.2rem,5.2vw,3.7rem);font-weight:600;line-height:.95}.tagline{color:var(--muted);margin:7px 0 0;font-size:.98rem}.date-pill{min-height:40px;color:var(--green);border-radius:var(--radius);box-shadow:var(--shadow-border);font-variant-numeric:tabular-nums;white-space:nowrap;background:#e1ece7e0;align-items:center;padding:0 12px;font-size:.9rem;font-weight:760;display:inline-flex}.date-stack{justify-items:end;gap:4px;display:grid}.mode-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1}.archive-nav{border-radius:var(--radius);box-shadow:var(--shadow-border);background:#fffdf8c7;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.archive-nav .section-label{white-space:nowrap}.archive-list{scrollbar-width:thin;grid-auto-columns:minmax(72px,max-content);grid-auto-flow:column;gap:7px;min-width:0;margin:0;padding:2px 2px 4px;list-style:none;display:grid;overflow-x:auto}.archive-link{min-width:72px;min-height:46px;color:var(--muted);border-radius:var(--radius);background:#fffdf8b8;align-content:center;gap:3px;padding:7px 10px;text-decoration:none;transition-property:background-color,box-shadow,color,scale,transform;transition-duration:.15s;transition-timing-function:ease;display:grid;box-shadow:inset 0 0 0 1px #14201d1c}.archive-link span:first-child{color:var(--ink);white-space:nowrap;font-size:.86rem;font-weight:820;line-height:1.1}.archive-link span:last-child{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.68rem;font-weight:800;line-height:1}.archive-link:hover{color:var(--green);background:#fff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #2b6f8c38,0 8px 18px #2b6f8c1a}.archive-link:active{scale:.97}.archive-link:focus-visible{outline:none;box-shadow:0 0 0 4px #2b6f8c29}.archive-link[aria-current=date]{color:#fffdf8;background:var(--green);box-shadow:inset 0 0 0 1px #fffdf82e,0 8px 20px #113d3526}.archive-link[aria-current=date] span{color:currentColor}.auth-button{color:#fffdf8;background:var(--green);border-radius:var(--radius);min-height:40px;box-shadow:var(--shadow-border);white-space:nowrap;border:0;padding:0 13px;font-size:.88rem;font-weight:800;line-height:1;transition-property:background-color,box-shadow,color,scale,transform;transition-duration:.15s;transition-timing-function:ease}.auth-button-secondary{color:var(--green);background:#fffdf8e0}.auth-button:hover{background:var(--green-hover);transform:translateY(-1px)}.auth-button-secondary:hover{color:var(--green);background:var(--green-soft)}.auth-button:active{scale:.96}.auth-button:disabled{cursor:default;opacity:.48;transform:none}.clerk-auth-controls-disabled{opacity:.72}.clerk-user-button{place-items:center;width:40px;height:40px;display:grid}.board{grid-template-columns:minmax(230px,274px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.sidebar,.game-panel,.empty-panel{border-radius:var(--radius);box-shadow:var(--shadow-surface);background:#fffdf8f0}.sidebar{gap:22px;padding:18px;display:grid;position:sticky;top:24px}.stats{border-radius:var(--radius);background:#14201d17;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.stats div{background:var(--panel-muted);padding:14px}.stats dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:5px 0 0;font-size:1.8rem;line-height:1}.stats dd span{color:var(--muted);font-family:inherit;font-size:.96rem}.progress-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.progress-list li{min-height:40px;color:var(--muted);border-radius:var(--radius);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 7px 5px 5px;font-size:.9rem;transition-property:background-color,box-shadow,color;transition-duration:.15s;transition-timing-function:ease;display:grid}.progress-list li.is-current{color:var(--ink);background:#e0edf1bd;font-weight:800;box-shadow:inset 0 0 0 1px #2b6f8c33}.progress-index{width:30px;height:30px;color:var(--green);font-family:var(--font-data);font-variant-numeric:tabular-nums;background:#113d3514;border-radius:7px;place-items:center;font-size:.78rem;font-weight:800;display:grid}.progress-list li.is-current .progress-index{color:#fffdf8;background:var(--blue)}.progress-list li span:last-child{text-transform:capitalize;font-size:.72rem;font-weight:800}.progress-list li[data-state=correct] span:last-child{color:var(--green)}.progress-list li[data-state=missed] span:last-child{color:var(--red)}.game-panel{background:linear-gradient(90deg,#2b6f8c2e 0 6px,#0000 6px),linear-gradient(#fffdf8fa,#faf8f1fa);align-content:start;gap:24px;min-height:630px;padding:clamp(22px,4.4vw,48px);display:grid}.quote-rail{border-radius:var(--radius);background:#113d3512;grid-template-columns:repeat(5,minmax(0,1fr));align-self:start;gap:6px;max-width:430px;height:19px;padding:5px;display:grid;box-shadow:inset 0 0 0 1px #14201d12}.quote-rail-step{background:#62706b3d;border-radius:999px;height:9px;transition-property:background-color,box-shadow,transform;transition-duration:.16s;transition-timing-function:ease}.quote-rail-step[data-state=correct]{background:var(--green)}.quote-rail-step[data-state=missed]{background:var(--red)}.quote-rail-step.is-current{background:var(--blue);box-shadow:0 0 0 2px var(--panel), 0 0 0 4px #2b6f8c4d;transform:translateY(-1px)}.quote-rail-step.is-current[data-state=correct]{background:var(--green)}.quote-rail-step.is-current[data-state=missed]{background:var(--red)}.quote-meta{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.quote-position{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quote-position span+span{color:var(--blue)}.quote-position span+span:before{content:"/";color:#62706b80;margin-right:8px}.quote-text{border-left:6px solid var(--blue);max-width:820px;font-family:var(--font-display);margin:0;padding-left:clamp(18px,3vw,30px);font-size:clamp(2.15rem,4.9vw,4.15rem);font-weight:500;line-height:1.08}.quote-text.quote-text--long{max-width:860px;font-size:clamp(1.8rem,3.8vw,3.25rem);line-height:1.14}.quote-text.quote-text--extra-long{max-width:900px;font-size:clamp(1.45rem,2.9vw,2.55rem);line-height:1.2}.hint-panel{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.hint-button{width:40px;min-height:40px;color:var(--green);background:var(--gold-soft);border-radius:var(--radius);box-shadow:var(--shadow-border);border:0;place-items:center;padding:0;transition-property:background-color,box-shadow,scale,transform;transition-duration:.15s;transition-timing-function:ease;display:grid}.hint-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:20px;height:20px}.hint-button:hover{background:#f8efd9;transform:translateY(-1px);box-shadow:0 0 0 1px #b9823147,0 8px 18px #b9823124}.hint-button:active{scale:.96}.hint-button:focus-visible{outline:none;box-shadow:0 0 0 4px #b9823133}.hint-text{min-height:40px;color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-border);letter-spacing:0;text-transform:none;background:#f3f6f1e6;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;padding:9px 12px;font-weight:800;display:flex}.hint-text span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:780}.answer-form{gap:12px;max-width:690px;display:grid}.answer-form label{color:var(--ink);font-size:.9rem;font-weight:800}.combo{position:relative}#answer-input{width:100%;height:58px;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;outline:none;padding:0 56px 0 16px;transition-property:border-color,box-shadow,background-color;transition-duration:.15s;transition-timing-function:ease}#answer-input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2b6f8c24}#answer-input:disabled{color:var(--ink);background:var(--panel-muted);opacity:1}.clear-button{width:40px;height:40px;color:var(--muted);border-radius:var(--radius);background:0 0;border:0;place-items:center;padding:0;font-size:1.35rem;font-weight:800;line-height:1;transition-property:background-color,color,scale;transition-duration:.15s;transition-timing-function:ease;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.clear-button:hover,.clear-button:focus-visible{color:var(--green);background:#113d3514;outline:none}.clear-button:active{scale:.96}.suggestions{z-index:20;border-radius:var(--radius);width:100%;max-height:292px;box-shadow:0 0 0 1px var(--line-strong), 0 20px 50px #1f252229;background:#fff;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}.suggestion,.suggestion-empty{border-radius:6px;padding:12px;font-size:.95rem}.suggestion{cursor:pointer}.suggestion:hover,.suggestion[aria-selected=true]{color:var(--green);background:var(--green-soft)}.suggestion-empty{color:var(--muted)}.action-row{flex-wrap:wrap;gap:10px;display:flex}.primary-button,.secondary-button{border-radius:var(--radius);min-height:48px;box-shadow:var(--shadow-border);border:0;padding:0 18px;font-weight:840;transition-property:background-color,box-shadow,color,scale,transform;transition-duration:.15s;transition-timing-function:ease}.primary-button{color:#fff;background:var(--green)}.primary-button:disabled{color:#8a948f;background:#e7ebe4;box-shadow:inset 0 0 0 1px #14201d1c}.secondary-button{color:var(--green);background:#fff}.primary-button:hover:not(:disabled),.secondary-button:hover{transform:translateY(-1px)}.primary-button:hover:not(:disabled){background:var(--green-hover)}.secondary-button:hover{background:var(--green-soft)}.primary-button:active:not(:disabled),.secondary-button:active{scale:.96}.primary-button:focus-visible,.secondary-button:focus-visible{outline:none;box-shadow:0 0 0 4px #2b6f8c29}.result{border-top:1px solid var(--line);gap:14px;max-width:780px;padding-top:24px;display:grid}.result.is-correct .result-label{color:var(--green)}.result.is-missed .result-label{color:var(--red)}.result-text{margin:0;font-size:1.06rem;font-weight:760}.source-list{border-radius:var(--radius);box-shadow:var(--shadow-border);background:#14201d1a;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.source-list div{background:var(--panel-muted);padding:13px 14px}.source-list dd{margin:4px 0 0;font-weight:800}.complete-card{width:fit-content;min-width:214px;color:var(--green);background:var(--green-soft);border-radius:var(--radius);gap:7px;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #113d351a,0 12px 28px #113d351a}.complete-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:2.5rem;line-height:1}.complete-score span{color:#113d3594;font-size:1.2rem}.complete-note{margin:0;font-weight:800}.empty-panel{padding:32px}.empty-panel p{margin:0}@media (max-width:900px){.page-shell{width:min(100% - 24px,680px);padding-top:18px}.site-header{flex-direction:column;align-items:flex-start}.header-actions{flex-wrap:wrap}.date-stack{justify-items:start}.date-pill{white-space:normal}.archive-nav{grid-template-columns:1fr;align-items:stretch;gap:8px}.board{grid-template-columns:1fr}.sidebar{order:2;position:static}.game-panel{order:1;min-height:auto}.quote-text{font-size:clamp(2rem,10vw,3.2rem)}}@media (max-width:520px){.brand-lockup{align-items:flex-start}.brand-mark{width:40px;height:40px}.stats{grid-template-columns:1fr}.action-row{flex-direction:column;align-items:stretch}.primary-button,.secondary-button,.hint-panel{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}