:root{color-scheme:dark;--ink:#f7f3ed;--muted:#baaead;--line:#54373c;--red:#bb2939;--paper:#161518}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#100d11;font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(ellipse at 80% 0,#40121d 0,transparent 55%)}[hidden]{display:none!important}header,footer{width:min(1120px,calc(100% - 40px));margin:auto;display:flex;justify-content:space-between;gap:20px;padding:26px 0;font:10px/1.6 monospace;letter-spacing:.14em;color:var(--muted)}header{border-bottom:1px solid var(--line)}header a{color:var(--ink);text-decoration:none}main{width:min(1040px,calc(100% - 40px));margin:60px auto}#channel,#clearance,#standby{max-width:720px;margin:10vh auto;animation:appear .55s ease both}h1{font-size:clamp(42px,7vw,86px);line-height:.99;letter-spacing:-.055em;margin:22px 0 26px}h2{font-size:20px;letter-spacing:-.025em}p{font-size:15px;line-height:1.7;color:#d2c9c9}a{color:#ffd2d7}button{min-height:50px;border:1px solid #e7b3bb;background:#f0c1c8;color:#260b10;font:700 11px/1.4 monospace;letter-spacing:.1em;padding:16px 22px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f7d2a2;outline-offset:4px}.eyebrow{font:11px/1.7 monospace;letter-spacing:.13em;color:#f3a6b3}.quiet{display:inline-block;font:11px/1.5 monospace;margin:22px 20px 22px 0;padding:10px 0}.subtle{color:var(--muted)}.seal{width:52px;height:52px;border:1px solid #d67786;border-radius:50%;display:grid;place-items:center;font-size:24px;margin:28px 0}body.clearance{background:#850d22}.clearance header,.clearance footer{color:#f6c9d2}.clearance .eyebrow{color:#ffcfda}.file-tab{display:inline-block;background:#493332;padding:14px 25px;border:1px solid #795a55;border-bottom:0;font:11px monospace;letter-spacing:.12em;border-radius:7px 7px 0 0}.dossier-body{border:1px solid #795a55;background:var(--paper);padding:clamp(20px,4vw,44px);box-shadow:0 30px 100px #0008}.dossier-meta{display:flex;justify-content:space-between;gap:15px;color:#d3bba9;font:11px monospace;letter-spacing:.1em}#dossier h1{font-size:clamp(36px,5.5vw,66px)}#dossier{animation:unseal .65s ease both;transform-origin:top center}figure{margin:30px 0}figure img{display:block;width:100%;height:auto;border:1px solid #564741}figcaption{font:10px/1.7 monospace;margin-top:12px;color:#b2a9a4}.briefing{font-size:19px;line-height:1.6;max-width:790px}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;margin:34px 0}.record-grid section{border-top:1px solid #514247;padding-top:12px}.record-grid h2{font:12px/1.5 monospace;color:#f0c1c8;text-transform:uppercase}.fiction{background:#26191e;padding:12px 16px}.clue{border:1px solid #744451;background:#23141c;padding:24px;margin:32px 0}.clue h2{font-size:30px;margin:14px 0}label{display:block;font:10px/1.5 monospace;letter-spacing:.1em;margin:22px 0 10px}.code-row{display:flex;gap:12px}input{min-width:0;width:240px;max-width:100%;padding:12px;border:1px solid #9f7781;background:#140e12;color:#fff;font:24px monospace;letter-spacing:.12em}details{padding:22px 0;border-top:1px solid #514247;border-bottom:1px solid #514247;margin:26px 0}summary{font:11px/1.7 monospace;letter-spacing:.1em;cursor:pointer}li{font-size:13px;line-height:1.7;margin:12px 0}#save-status,#clue-status{color:#ffcdac;min-height:22px}#clue-unlock{border-left:2px solid #eb9cad;padding:0 18px;margin-top:24px}#standby button{background:transparent;color:var(--ink)}@keyframes appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes unseal{from{opacity:0;transform:perspective(1000px) rotateX(-5deg) translateY(12px)}to{opacity:1;transform:none}}@media(max-width:640px){header,footer{font-size:9px;flex-wrap:wrap}main{margin:30px auto;width:calc(100% - 28px)}.record-grid{grid-template-columns:1fr;gap:16px}.code-row{flex-wrap:wrap}.code-row input,.code-row button{width:100%}.dossier-body{padding:20px 16px}.clue{padding:18px}#acknowledge{width:100%}#channel,#clearance,#standby{margin:60px 8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
