:root{color-scheme:light;--paper:#f9f8f4;--stripe:#e3ece5;--ink:#0a4b36;--letter:#245d49;--muted:#567363;--rule:#91a99a;--gutter:clamp(22px, 4.2vw, 80px);--inset:clamp(18px, 2.9vw, 56px);--band:clamp(42px, 5vw, 72px);font-synthesis:none;background:var(--paper);color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px dashed var(--ink);outline-offset:5px}[hidden]{display:none!important}.paper{min-height:100svh;margin:0 var(--gutter);border-inline:1px dashed var(--rule);background:var(--paper);isolation:isolate;flex-direction:column;display:flex;position:relative}.paper:before,.paper:after{content:"";width:var(--gutter);pointer-events:none;background:radial-gradient(circle at 50% 50%, #e9e7e0 0 10px, transparent 11px) center 0 / 100% var(--band) repeat-y;position:absolute;top:0;bottom:0}.paper:before{right:calc(100% + 1px)}.paper:after{left:calc(100% + 1px)}.report-header{padding:clamp(25px, 3vw, 58px) var(--inset) clamp(26px, 2.8vw, 53px);letter-spacing:.065em;justify-content:space-between;align-items:baseline;gap:20px;font-size:clamp(14px,1.55vw,29px);font-weight:700;display:flex}h1{font-size:inherit;margin:0;line-height:1.5}.page-number{white-space:nowrap}.file-header{padding:.55em var(--inset);background:var(--stripe);justify-content:space-between;align-items:baseline;gap:20px;font-size:clamp(12px,1.4vw,25px);line-height:1.6;display:flex}.file-header strong{font-weight:400}.total-progress{text-align:right}.field{margin:clamp(32px, 4vw, 74px) var(--inset) clamp(28px, 3vw, 54px);position:relative}.letter-grid{-webkit-user-select:none;user-select:none;touch-action:none;gap:0;display:grid}.letter-row{isolation:isolate;grid-template-columns:repeat(var(--columns,17), minmax(0, 1fr));display:grid;position:relative}.letter-row:before{content:"";inset:0 calc(-1 * var(--inset));z-index:-1;pointer-events:none;background:var(--paper);position:absolute}.letter-row:nth-child(2n):before{background:var(--stripe)}.letter-cell{min-width:0;position:relative}.letter{width:100%;height:clamp(50px,5.65vw,106px);color:var(--letter);cursor:crosshair;outline-offset:-5px;background:0 0;border:0;border-radius:0;place-items:center;margin:0;padding:0;font-size:clamp(25px,2.8vw,53px);font-weight:700;line-height:1;display:grid;position:relative}.letter span{pointer-events:none;transform:scale(var(--magnify,1));transition:transform .16s ease-out,color .16s;display:inline-block}.letter.is-selected{background:var(--ink);color:var(--paper);z-index:2}.letter.is-selected span{transform:scale(1.04)}.letter.is-hint{box-shadow:inset 0 -3px 0 var(--ink);background:#bdd3bf99}.letter:focus-visible{outline-offset:-5px;z-index:3}.letter.is-refining span{animation:.48s both refine}@keyframes refine{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(.4)}}.categories{isolation:isolate;padding:8px var(--inset);grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,2.5vw,48px);display:grid;overflow:hidden}.category{min-width:0;position:relative}.category-button{text-align:left;background:0 0;border:0;width:100%;padding:0;font-size:clamp(11px,1.35vw,24px);line-height:1.85}.category-rule{white-space:nowrap;letter-spacing:-.06em;font-size:clamp(12px,1.45vw,27px);display:block;overflow:hidden}.category-label{white-space:nowrap;padding-block:.25em;display:block;position:relative}.category-label:after{content:"";z-index:-1;pointer-events:none;background:var(--stripe);position:absolute;inset:0 -100vw}.category-label:before,.category-meter:before{content:"|";margin-right:.65em}.category-meter{white-space:nowrap;align-items:baseline;display:flex}.category-meter:after{content:"|";margin-left:auto}.meter-dots{letter-spacing:.09em;margin-right:.4em;font-weight:700}.category-percent{margin-left:auto}.category-button:hover .category-label,.category-button[aria-expanded=true] .category-label{text-underline-offset:5px;text-decoration:underline}.category.is-complete .category-label{font-weight:700}.category.is-receiving{animation:.65s received}@keyframes received{50%{background:#b3cbb7}}.word-list{padding:8px 0 4px 1em;font-size:clamp(11px,1vw,16px);line-height:1.8}.word-list span{display:block}.word-list .is-found{color:var(--muted);text-decoration:line-through}.instructions-strip{padding:clamp(16px, 2vw, 28px) var(--inset);background:var(--stripe);margin-top:clamp(16px,2vw,28px)}#status{letter-spacing:.045em;min-height:1.7em;margin:0 0 9px;font-size:clamp(11px,1vw,18px);line-height:1.7}#quick-instructions{color:var(--muted);margin:0;font-size:clamp(11px,.9vw,15px);line-height:1.8}.report-footer{padding:22px var(--inset) 24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;font-size:clamp(11px,1vw,18px);display:flex}.coordinates{letter-spacing:.16em;white-space:nowrap}.report-actions{gap:clamp(15px,2vw,36px);display:flex}.text-button,.caret-button{font-size:inherit;background:0 0;border:0;padding:9px 0}.text-button:hover{text-underline-offset:5px;text-decoration:underline}.caret-button{letter-spacing:.12em;white-space:nowrap;min-width:90px;font-size:clamp(17px,1.6vw,28px)}.caret-button:hover{transform:translateY(-2px)}.flying-word{z-index:10;pointer-events:none;color:var(--ink);background:var(--paper);border:1px dashed var(--ink);letter-spacing:.2em;padding:8px 14px;font-size:20px;font-weight:700;position:fixed}.completion{border:1px dashed var(--ink);text-align:center;z-index:5;background:#f9f8f4f2;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.completion-caret{font-size:clamp(65px,8vw,120px);line-height:1}.completion h2{letter-spacing:.08em;margin:16px 0;font-size:clamp(20px,2.6vw,42px)}.completion p{margin:0 0 30px;font-size:clamp(13px,1.5vw,22px)}.completion .text-button{border-bottom:1px dashed var(--ink);padding-bottom:14px;font-size:clamp(12px,1.2vw,18px)}.help-dialog{color:var(--ink);background:var(--paper);border:1px dashed var(--ink);width:calc(100% - 36px);max-width:640px;max-height:calc(100svh - 40px);padding:clamp(24px,5vw,56px);box-shadow:12px 12px #0a4b361a}.help-dialog::backdrop{background:#163e2da6}.close-dialog{float:right;padding-top:0;font-size:24px}.dialog-kicker{letter-spacing:.08em;margin:0 42px 26px 0;font-size:11px;line-height:1.7}.help-dialog h2{margin-bottom:8px;font-size:clamp(22px,4vw,29px)}.dialog-subtitle{color:var(--muted);margin-top:0}.help-dialog ol{padding-left:22px;font-size:14px;line-height:1.5}.help-dialog li{padding:8px 0}.help-dialog li span{color:var(--muted);margin-top:5px;font-size:12px;display:block}.keyboard-help{border-top:1px dashed var(--rule);padding-top:18px;font-size:12px;line-height:1.8}kbd{font:inherit;font-weight:700}.quiet-note{margin-top:20px;font-size:12px;line-height:1.8}.start-playing{margin-top:10px;font-size:13px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.no-script{text-align:center;min-height:200px;line-height:1.8}@media (width>=1700px){.paper{max-width:1850px;width:calc(100% - var(--gutter) * 2);margin-inline:auto}}@media (width>=641px) and (height<=900px){.report-header{padding-block:20px}.field{margin-block:22px}.letter{height:clamp(36px,14.2857svh - 67.1429px,74px);font-size:clamp(22px,7.93651svh - 37.3016px,40px)}.category-button{font-size:min(1.35vw,17px);line-height:1.65}.category-rule{font-size:min(1.45vw,19px)}.instructions-strip{padding-block:14px}#status{font-size:11px}#quick-instructions{font-size:11px;line-height:1.6}.report-footer{padding-block:10px}}@media (width<=1050px){.report-title{letter-spacing:.035em;font-size:.82em;font-weight:400;display:block}.heading-dash{display:none}.report-header{padding-bottom:28px}.categories{gap:14px}.category-button{font-size:11px}.category-label:before,.category-meter:before{margin-right:.3em}.meter-dots{letter-spacing:-.06em}.report-actions span{display:none}.text-button{min-height:44px}}@media (width<=640px){:root{--gutter:18px;--inset:15px;--band:42px}.paper:before,.paper:after{background-image:radial-gradient(circle,#e9e7e0 0 4px,#0000 5px)}.report-header{letter-spacing:.02em;gap:10px;padding-top:23px;font-size:15px}.report-title{margin-top:9px;font-size:9px;line-height:1.6}.report-title span{display:block}.page-number{padding-top:3px;font-size:11px}.file-header{flex-wrap:wrap;gap:4px;font-size:11px}.total-progress{text-align:left;width:100%}.field{margin-top:24px;margin-bottom:24px}.letter{height:42px;font-size:23px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}.category-button{font-size:12px}.category-rule{font-size:14px}.category-label:before,.category-meter:before{margin-right:.65em}.meter-dots{letter-spacing:.03em}.instructions-strip{padding-block:18px}#status{min-height:3.4em;font-size:10px}#quick-instructions{font-size:10px}.report-footer{gap:7px 12px;padding-top:0;padding-bottom:16px}.coordinates{width:100%;font-size:10px}.report-actions{gap:17px}.report-actions span{font-size:8px;display:inline}.report-actions .text-button{font-size:10px}.caret-button{min-width:auto;font-size:17px}}@media (width<=360px){.categories{column-gap:18px}.category-button{font-size:10px}.report-actions span{font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.letter span{transform:none!important}.caret-button:hover{transform:none}}