:root{--ink: #0f0e0c;--paper: #d9cdb0;--paper-dim: #8c8270;--amber: #c9a45c;--blood: #8f1d12}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;overflow:hidden;font-family:Courier New,Courier,monospace;color:var(--amber);-webkit-font-smoothing:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.hidden{display:none!important}#hud{position:fixed;left:0;right:0;bottom:22px;display:flex;flex-direction:column;align-items:center;gap:9px;pointer-events:none;z-index:10}.hud-top{display:flex;gap:18px;align-items:center;font-size:11px;letter-spacing:2px;color:var(--amber);background:#0807058c;border:1px solid rgba(201,164,92,.14);padding:4px 12px;text-shadow:0 2px 0 #000,0 0 8px rgba(0,0,0,.9)}.hud-top span{white-space:nowrap}#hud-ref{color:#e4c37c}.paper{width:min(720px,86vw);padding:11px 22px 14px;background:linear-gradient(180deg,#ffffff29,#0000000f),var(--paper);border-left:2px solid rgba(60,44,20,.28);border-bottom:3px solid rgba(60,44,20,.22);box-shadow:0 14px 28px #000000b8,inset 0 0 52px #60482638;transform:rotate(-.22deg);transition:transform 90ms ease-out}.paper.jolt{transform:rotate(-.22deg) translate(2px,-1px)}#verse{font-size:17px;line-height:1.68;letter-spacing:.5px;white-space:pre-wrap;word-break:break-word;color:var(--paper-dim);min-height:1.72em}#verse .done{color:var(--ink)}#verse .cur{background:var(--ink);color:var(--paper)}#verse .todo{color:#8c8270}#verse .bad{color:var(--blood);text-decoration:underline;text-decoration-thickness:2px}.hud-bottom{font-size:10px;letter-spacing:2px;color:#c9a45c80;text-shadow:0 1px 0 #000}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#2e221261,#000000db 62%),#050403}.overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,#00000047,#00000047,#0000 2px,#0000 4px);opacity:.32}.title-inner{position:relative;z-index:1;width:min(720px,90vw);text-align:center;padding:18px}.kicker{margin:0 0 18px;font-size:11px;letter-spacing:5px;color:#c9a45c9e}h1{margin:0;font-size:clamp(30px,6.4vw,62px);letter-spacing:8px;font-weight:400;color:#e8d3a2;text-shadow:0 0 18px rgba(201,164,92,.28),3px 3px 0 #1a1208}h2{margin:0 0 18px;font-size:clamp(24px,4.4vw,42px);letter-spacing:6px;font-weight:400;color:#e8d3a2;text-shadow:3px 3px 0 #1a1208}.sub{margin:16px 0 30px;font-size:13px;letter-spacing:3px;color:#d9cdb080}.chapters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:34px}.chapters button{font-family:inherit;font-size:11px;letter-spacing:2px;color:#bfa56c;background:#14100ab3;border:1px solid rgba(201,164,92,.35);padding:9px 14px;cursor:pointer;transition:background .12s,color .12s}.chapters button:hover,.chapters button.active{background:#c9a45c29;color:#f2ddae;border-color:#c9a45ccc}.press{margin:0;font-size:14px;letter-spacing:4px;color:#e8d3a2;animation:blink 1.6s steps(2,start) infinite}.hint{margin:16px 0 0;font-size:10px;letter-spacing:2px;color:#c9a45c6b}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.18}}.result{display:grid;grid-template-columns:1fr 1fr;gap:14px 40px;margin:4px auto 34px;width:min(420px,86vw);text-align:left;font-size:13px;letter-spacing:2px}.result div{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(201,164,92,.22);padding-bottom:6px}.result b{font-weight:400;color:#f0d9a6}#watermark{position:fixed;top:14px;right:16px;z-index:15;font-size:11px;letter-spacing:3px;color:#c9a45c61;text-shadow:0 1px 0 rgba(0,0,0,.8);pointer-events:none;-webkit-user-select:none;user-select:none}#boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#050403;font-size:12px;letter-spacing:4px;color:#c9a45c8c}@media (max-width: 640px){#verse{font-size:16px;line-height:1.66}.paper{padding:12px 16px 16px}.hud-top{gap:12px;font-size:10px}}