:root{--bg: #f4ecd8;--surface-1: #eadfc4;--surface-2: #ddcfa8;--text: #2b2620;--text-muted: #5f5344;--accent: #a13d2b;--accent-support: #2f4858;--success: #3f6b3f;--danger: #8c1f1f;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--radius: 2px;--font-display: "Special Elite", "Courier New", monospace;--font-body: "Source Serif 4", Georgia, serif}*{box-sizing:border-box}.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}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body)}body{min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}.dossier{flex:1;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);max-width:1200px;width:100%;margin:0 auto}.dossier__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);border-bottom:2px solid var(--text);padding-bottom:var(--space-2)}.dossier__mute{flex:0 0 auto;min-width:44px;min-height:44px;border:1px solid var(--text-muted);border-radius:50%;background:var(--surface-1);font-size:1.2rem;line-height:1;cursor:pointer;transition:background-color .16s ease-out,border-color .16s ease-out,transform .16s ease-out}.dossier__mute:hover{border-color:var(--accent)}.dossier__mute:focus-visible{outline:2px solid var(--accent-support);outline-offset:2px}.dossier__mute:active{transform:translateY(1px)}.dossier__mute[aria-pressed=true]{background:var(--surface-2);border-color:var(--danger)}.dossier__wordmark{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.5rem);margin:0;letter-spacing:.02em}.dossier__tagline{margin:0;color:var(--text-muted);font-size:.95rem}.dossier__body{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);flex:1}@media(min-width:900px){.dossier__body{grid-template-columns:minmax(0,3fr) minmax(240px,1fr);align-items:start}}.dossier__document{background:var(--surface-1);border-radius:var(--radius);padding:var(--space-4);box-shadow:0 1px 0 var(--surface-2),0 6px 16px -4px #2b262059;min-height:48vh;display:flex;flex-direction:column}@media(min-width:900px){.dossier__document{min-height:60vh}}.dossier__letterhead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);padding-bottom:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px dashed var(--text-muted);color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.dossier__ciphertext{display:flex;flex-wrap:wrap;align-items:flex-end;align-content:flex-start;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);line-height:2.2;letter-spacing:.06em;margin:0;row-gap:var(--space-3)}.dossier__redacted{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6);opacity:.5}.dossier__redacted-line{height:12px;border-radius:1px;background:repeating-linear-gradient(45deg,var(--text),var(--text) 6px,var(--surface-2) 6px,var(--surface-2) 12px)}.dossier__cell{display:inline-flex}.dossier__cell--static{align-items:flex-end;padding-bottom:6px;color:var(--text-muted)}button.dossier__cell{flex-direction:column;align-items:center;justify-content:flex-end;min-width:1.1em;min-height:44px;padding:4px 3px;border:none;border-bottom:2px solid var(--text-muted);border-radius:var(--radius);background:transparent;color:var(--text);font:inherit;cursor:pointer;transition:background-color .16s ease-out,border-color .16s ease-out,transform .16s ease-out}button.dossier__cell:hover{background:#a13d2b14}button.dossier__cell:focus-visible{outline:2px solid var(--accent-support);outline-offset:2px}button.dossier__cell:active{transform:translateY(1px)}button.dossier__cell[aria-disabled=true]{cursor:default}button.dossier__cell[aria-disabled=true]:hover{background:transparent}.dossier__cell-plain{font-size:.95em;min-height:1em;color:var(--accent)}.dossier__cell-cipher{font-size:.62em;color:var(--text-muted)}.dossier__cell--selected{border-bottom-width:3px;border-bottom-color:var(--accent);background:#ffca3a8c;box-shadow:0 0 0 1px #a13d2b4d}.dossier__cell--solved .dossier__cell-cipher{text-decoration:line-through;opacity:.6}.dossier__cell--hinted .dossier__cell-plain{color:var(--accent-support)}@keyframes cell-solved{0%{transform:perspective(300px) rotateX(90deg) scale(1)}60%{transform:perspective(300px) rotateX(0) scale(1.08)}to{transform:perspective(300px) rotateX(0) scale(1)}}@keyframes cell-wrong{0%,to{transform:translate(0);background-color:transparent}25%{transform:translate(-4px);background-color:#8c1f1f40}75%{transform:translate(4px);background-color:#8c1f1f40}}.dossier__cell--pulse{animation:cell-solved .14s ease-out}.dossier__cell--shake{animation:cell-wrong 90ms ease-out 2}@media(prefers-reduced-motion:reduce){.dossier__cell--pulse,.dossier__cell--shake{animation:none}}.dossier__evidence{position:relative;background:var(--surface-2);border-radius:var(--radius);padding:var(--space-3);box-shadow:0 1px #2b262026,0 5px 12px -4px #2b26204d;transform:rotate(-.6deg)}.dossier__evidence:before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;transform:translate(-50%);border-radius:50%;background:var(--accent);box-shadow:0 2px 3px #2b262066}.dossier__evidence h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 var(--space-2)}.evidence__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:var(--space-1);overflow-x:auto;font-family:var(--font-display);scrollbar-color:var(--accent-support) transparent;-webkit-mask-image:linear-gradient(to right,transparent,black 12px,black calc(100% - 24px),transparent);mask-image:linear-gradient(to right,transparent,black 12px,black calc(100% - 24px),transparent)}@media(min-width:900px){.evidence__list{-webkit-mask-image:none;mask-image:none}}.evidence__item{display:grid;grid-template-columns:1.2em 1.2em;grid-template-rows:auto auto;flex:0 0 auto;align-items:center;justify-items:center;gap:2px;padding:6px 8px;border-radius:var(--radius)}@media(min-width:900px){.evidence__list{flex-direction:column;overflow-x:visible}.evidence__item{grid-template-columns:1.5em 1.5em 1fr 1.5em;grid-template-rows:auto;justify-items:stretch;width:100%}}.evidence__rank{display:none;color:var(--text-muted);font-size:.8em}.evidence__count{color:var(--text-muted);font-size:.7em}@media(min-width:900px){.evidence__rank{display:inline}.evidence__count{font-size:.8em}}.evidence__guess{color:var(--accent);font-weight:700}.evidence__item--solved{background:var(--surface-1)}.evidence__item--hinted .evidence__guess{color:var(--accent-support)}.evidence__hint{margin-top:var(--space-2);width:100%;min-height:44px;border:1px solid var(--accent-support);border-radius:var(--radius);background:transparent;color:var(--accent-support);font-family:var(--font-body);font-weight:600;cursor:pointer;transition:background-color .16s ease-out,color .16s ease-out}.evidence__hint:hover:not(:disabled){background:var(--accent-support);color:var(--surface-1)}.evidence__hint:focus-visible{outline:2px solid var(--accent-support);outline-offset:2px}.evidence__hint:disabled{opacity:.5;cursor:default;border-color:var(--text-muted);color:var(--text-muted)}.keyboard{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:var(--space-3);background:var(--surface-1);border-radius:var(--radius);box-shadow:0 1px 0 var(--surface-2)}.keyboard__key{min-width:44px;min-height:44px;border:1px solid var(--surface-2);border-radius:var(--radius);background:var(--bg);color:var(--text);font-family:var(--font-display);font-size:1rem;cursor:pointer;transition:background-color .16s ease-out,transform .16s ease-out,border-color .16s ease-out}.keyboard__key:hover{background:#a13d2b1a;border-color:var(--accent)}.keyboard__key:focus-visible{outline:2px solid var(--accent-support);outline-offset:2px}.keyboard__key:active{transform:translateY(1px)}.keyboard__key--used{color:var(--text-muted);border-color:var(--success);background:var(--surface-2)}.keyboard__key:disabled{cursor:default}.keyboard__key:disabled:hover{background:var(--surface-2);border-color:var(--success)}.win{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-3);background:#2b26208c;z-index:10}.win__card{position:relative;max-width:60ch;width:100%;background:var(--surface-1);border-radius:var(--radius);padding:var(--space-6) var(--space-4) var(--space-4);box-shadow:0 1px 0 var(--surface-2),0 20px 40px -12px #2b262080;text-align:center;overflow:hidden}.win__dust-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.win__dust{position:absolute;top:-10px;width:4px;height:4px;border-radius:50%;background:var(--text-muted);opacity:.7;animation-name:dust-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes dust-fall{to{transform:translateY(420px) rotate(180deg);opacity:0}}.win__stamp{position:absolute;top:var(--space-4);left:50%;padding:10px 20px;border:4px solid var(--accent);border-radius:50%;color:var(--accent);font-family:var(--font-display);font-size:1.4rem;letter-spacing:.08em;transform:translate(-50%,-30%) rotate(-18deg) scale(0);animation:stamp-down .42s .12s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes stamp-down{0%{transform:translate(-50%,-80%) rotate(-18deg) scale(2.4);opacity:0}70%{opacity:1}to{transform:translate(-50%,-30%) rotate(-18deg) scale(1);opacity:1}}.win__quote{margin:var(--space-6) 0 var(--space-2);font-family:var(--font-display);font-size:clamp(1.1rem,2.6vw,1.5rem);line-height:1.7}.win__letter{display:inline-block;opacity:0;animation:letter-in 60ms ease-out forwards}@keyframes letter-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.win__author{margin:0 0 var(--space-3);color:var(--text-muted)}.win__stats{display:flex;justify-content:center;gap:var(--space-4);margin:0 0 var(--space-3)}.win__stat dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.win__stat dd{margin:0;font-family:var(--font-display);font-size:1.3rem;color:var(--accent)}.win__copy{min-height:44px;padding:0 var(--space-4);border:none;border-radius:var(--radius);background:var(--accent);color:var(--surface-1);font-family:var(--font-body);font-weight:700;cursor:pointer;transition:background-color .16s ease-out,transform .16s ease-out}.win__copy:hover{background:var(--danger)}.win__copy:focus-visible{outline:2px solid var(--accent-support);outline-offset:2px}.win__copy:active{transform:translateY(1px)}.win__toast{min-height:1.2em;margin:var(--space-2) 0 0;color:var(--success);font-size:.9rem}@media(prefers-reduced-motion:reduce){.win__stamp{animation:none;transform:translate(-50%,-30%) rotate(-18deg) scale(1)}.win__letter{animation:none;opacity:1}}.about{border-top:2px solid var(--text);background:var(--surface-1);padding:var(--space-6) var(--space-3)}.about__inner{max-width:68ch;margin:0 auto}.about__title{font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 0 var(--space-3);letter-spacing:.02em}.about__subtitle{font-family:var(--font-display);font-size:1.15rem;margin:var(--space-4) 0 var(--space-2)}.about p,.about dd{line-height:1.7}.about__faq{margin:0}.about__faq dt{font-weight:700;margin-top:var(--space-3)}.about__faq dd{margin:4px 0 0;color:var(--text-muted)}.about__cta{margin-top:var(--space-4)}.about__button{display:inline-block;min-height:44px;padding:12px var(--space-4);border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--surface-1);font-weight:700;text-decoration:none;transition:background-color .16s ease-out,transform .16s ease-out}.about__button:hover{background:var(--danger)}.about__button:focus-visible{outline:2px solid var(--accent-support);outline-offset:2px}.about__button:active{transform:translateY(1px)}.about a:not(.about__button){color:var(--accent-support)}.site-footer{background:var(--text);color:var(--bg);text-align:center;padding:var(--space-3);font-size:.9rem}.site-footer a{color:var(--bg);text-decoration:underline}.site-footer a:hover{color:var(--surface-2)}