:root{--paper:#f4f0e6;--ink:#23232b;--ink-soft:#23232b9e;--line:#23232b29;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--accent:var(--ink)}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#c{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#level{max-width:min(420px,60vw);transition:opacity .6s;position:absolute;top:clamp(16px,3vw,36px);left:clamp(18px,3vw,40px)}#level-no{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11px}#level-name{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:6px 0 4px;font-size:clamp(24px,2.6vw,34px);font-weight:500;line-height:1.1}#level-hint{font-family:var(--serif);color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:16px;font-style:italic;line-height:1.4}#proof{text-align:right;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.7;position:absolute;top:clamp(18px,3vw,38px);right:clamp(18px,3vw,40px)}#proof b{color:var(--ink);font-weight:600}#reticle{justify-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#reticle i{background:var(--ink);opacity:.55;outline:0 solid var(--accent);outline-offset:0;border-radius:50%;width:6px;height:6px;transition:outline-width .16s,outline-offset .16s,opacity .16s,background .16s}#reticle.live i{opacity:1;background:var(--accent);outline-offset:7px;outline-width:2px}#reticle.no i{opacity:.9;outline:2px dashed var(--ink-soft);outline-offset:7px}#reticle-label{white-space:nowrap;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:0;background:#f4f0e6c7;border-radius:999px;padding:3px 8px;font-size:11px;transition:opacity .16s;position:absolute;top:26px}#reticle.live #reticle-label,#reticle.no #reticle-label{opacity:1}#toast{font-family:var(--serif);opacity:0;text-align:center;background:#f4f0e6db;border-radius:999px;max-width:80vw;padding:6px 16px;font-size:17px;font-style:italic;transition:opacity .3s;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}#toast.on{opacity:1}#keys{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);flex-wrap:wrap;gap:6px 20px;font-size:11px;display:flex;position:absolute;bottom:clamp(14px,2.4vw,28px);left:clamp(18px,3vw,40px);right:clamp(18px,3vw,40px)}kbd{border:1px solid var(--line);min-width:20px;font:inherit;letter-spacing:.04em;text-align:center;color:var(--ink);background:#f4f0e6b3;border-bottom-width:2px;border-radius:5px;margin-right:3px;padding:2px 6px;display:inline-block}#veil{background:var(--paper);opacity:0;pointer-events:none;transition:opacity .7s;position:fixed;inset:0}#veil.on{opacity:1}.card{background:radial-gradient(#f4f0e6ed 0%,#f4f0e6b3 55%,#f4f0e659 100%);place-items:center;padding:24px;transition:opacity .6s;display:grid;position:fixed;inset:0}.card[hidden]{display:none}.card.out{opacity:0;pointer-events:none}.card>div{text-align:center;max-width:560px}.card h1{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:clamp(56px,11vw,112px);font-weight:500;line-height:.95}#end h1{font-size:clamp(40px,7vw,72px)}.lede{max-width:30em;font-family:var(--serif);color:var(--ink-soft);text-wrap:balance;margin:20px auto 30px;font-size:clamp(17px,2vw,21px);font-style:italic;line-height:1.45}.fine{max-width:34em;color:var(--ink-soft);text-wrap:pretty;margin:26px auto 0;font-size:12px;line-height:1.6}button{font:inherit;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);background:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:15px 30px;font-size:12px;transition:transform .15s,background .15s}button:hover{background:#000;transform:translateY(-1px)}button:active{transform:translateY(0)scale(.98)}button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media (max-width:720px){#keys span:nth-child(n+4),#proof{display:none}}@media (prefers-reduced-motion:reduce){#veil,.card,#reticle i,#reticle-label,#toast{transition-duration:10ms}}