:root{color-scheme:light;--paper:#f3efdf;--ink:#252b25;--muted:#64685c;--accent:#b9472c;--line:#c8c9b8;--card:#faf8ef;--good:#306844}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.dark{color-scheme:dark;--paper:#1c2521;--ink:#f0eddf;--muted:#b6bdae;--accent:#ef987c;--line:#536053;--card:#27322b;--good:#a1d1a6}.shell{max-width:760px;margin:auto;padding: max(20px,env(safe-area-inset-top)) 28px max(20px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:18px;gap:10px}.brand{font:700 22px Georgia,serif;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.brand span{color:var(--accent)}.tools{display:flex;gap:8px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible+span{outline:3px solid var(--accent);outline-offset:4px}.tool{background:transparent;border:1px solid var(--line);border-radius:50px;min-height:44px;min-width:44px;padding:8px 13px}.tool[aria-pressed=true]{background:var(--ink);color:var(--paper)}main{padding:32px 0 20px;min-height:590px}.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:0 0 20px}.hero{position:relative}h1{font:normal clamp(68px,15vw,112px)/.9 Georgia,serif;letter-spacing:-5px;margin:26px 0;color:var(--ink)}h1 em{color:var(--accent);font-weight:normal}.intro{max-width:440px;font-size:18px}.authors{display:flex;gap:12px;align-items:center;margin:28px 0 34px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:20px/1.25 Georgia,serif}.authors span{flex:1}.authors i{font:italic 15px Georgia;color:var(--muted)}fieldset{padding:0;border:0;margin:0 0 22px}legend{margin-bottom:12px;font-size:14px;color:var(--muted)}.lengths{display:flex;gap:10px}.lengths label{flex:1;position:relative}.lengths input{position:absolute;opacity:0}.lengths span{display:block;padding:12px;text-align:center;border:1px solid var(--line);border-radius:5px;font-size:22px}.lengths input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.primary{width:100%;border:0;border-radius:5px;background:var(--ink);color:var(--paper);padding:18px 20px;font-weight:600;min-height:58px}.primary .arrow{float:right}.caption{color:var(--muted);font-size:13px;text-align:center;margin:12px 0}.progress-row{display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}progress{width:100%;height:3px;display:block;margin-top:14px;accent-color:var(--accent)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent)}.quote-card{padding:24px 0 30px;min-height:280px}.quote-mark{color:var(--accent);font:72px/.8 Georgia;display:block;margin:15px 0 10px}blockquote{font:clamp(25px,5.7vw,36px)/1.35 Georgia,serif;margin:0;overflow-wrap:break-word}blockquote.long{font-size:clamp(23px,5vw,30px)}.answers{display:grid;gap:12px}.answer{width:100%;text-align:left;padding:18px;border:1px solid var(--line);background:var(--card);border-radius:5px;min-height:66px;font:22px/1.2 Georgia,serif}.answer small{font:13px -apple-system,sans-serif;display:block;margin-top:5px;color:var(--muted)}.answer:active{transform:translateY(1px)}.feedback{border-top:1px solid var(--line);padding:20px 0}.feedback h2{font:26px/1.2 Georgia;margin:8px 0}.verdict{color:var(--good);font-weight:600}.verdict.wrong{color:var(--accent)}.feedback p{margin:12px 0}.source{display:block;color:var(--ink);text-underline-offset:4px;overflow-wrap:anywhere}.locator{font-size:14px;color:var(--muted)}h2{font:34px/1.2 Georgia,serif}h3{font:24px/1.3 Georgia}.score{font:100px/1 Georgia;color:var(--accent);margin:30px 0}.score span{font-size:38px;color:var(--muted)}.review{margin-top:30px}.review article{padding:24px 0;border-top:1px solid var(--line)}.review blockquote{font-size:23px}.review summary{cursor:pointer;padding:16px 0;font-size:18px}.review p{margin:10px 0}footer{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:13px;text-align:center}.text-button{background:none;border:0;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:14px}footer small{font-size:12px}dialog{max-width:540px;width:calc(100% - 28px);max-height:85dvh;overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:26px}dialog::backdrop{background:#101b16aa}.close{float:right}li{padding:8px 0}dialog a{color:var(--ink)}@media(min-width:700px){.shell{padding-top:32px}main{padding:40px 55px}.hero h1{margin-top:32px}}@media(max-width:360px){.shell{padding-left:18px;padding-right:18px}.brand{font-size:20px}h1{font-size:72px}.tools{gap:5px}.tool{padding:8px 10px}.intro{font-size:16px}}@media(prefers-reduced-motion:no-preference){main{animation:appear .25s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}

#sound{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:9px;flex-shrink:0}

.author-credit{margin:0;font-size:12px}.author-credit a{color:inherit;text-underline-offset:3px;display:inline-block;padding:10px 0}

.game-footer{gap:4px;padding-top:12px}
.footer-actions{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}
.footer-actions a,.footer-actions button{display:inline-flex;align-items:center;min-height:44px;padding:0;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:4px}
.game-footer .author-credit{font-size:12px;line-height:1.5}
.game-footer .author-credit a{padding:8px 0}
.game-footer #offline{line-height:1.5}
.game-footer #audio-status:empty{display:none}