:root{--room:#EFE8E1;--ink:#3A2E2B;--soft:#7A6A65;--chip:#FFFBF8;--chip-line:#EBDCD6;--pink:#E8B7B0;--focus:#3A2E2B;--font-display:"Instrument Serif",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--font-note:"Caveat","Segoe Print",cursive;color-scheme:light}[hidden]{display:none!important}body,html{height:100%}body{margin:0;background:var(--room);color:var(--ink);font-family:var(--font-body)}body.nook{overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}#stage canvas:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.top{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 14px);left:16px;right:16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;pointer-events:none;z-index:2}.brand{font-family:var(--font-display);font-size:24px;color:var(--ink);background:var(--chip);padding:4px 14px 6px;border-radius:999px;box-shadow:0 6px 20px -10px rgba(80,50,40,.4)}.brand i{font-style:italic}.chip{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 10px;background:var(--chip);color:var(--ink);border:0;border-radius:999px;box-shadow:0 6px 20px -10px rgba(80,50,40,.4);font:500 13px/1 var(--font-body);cursor:pointer;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chip:hover{box-shadow:0 0 0 1px var(--chip-line),0 6px 20px -10px rgba(80,50,40,.4)}.chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.chip svg{flex:none}.chip small{font-weight:400;color:var(--soft);font-size:12px}.hint{bottom:calc(env(safe-area-inset-bottom, 0px) + 82px);text-align:center;font-family:var(--font-note);font-size:25px;color:#FFFDFB;pointer-events:none;text-wrap:balance;text-shadow:0 1px 2px rgba(60,35,30,.45),0 2px 14px rgba(60,35,30,.35);transition:opacity .8s ease}.hint,.hud{position:fixed;left:16px;right:16px;z-index:2}.hud{margin-inline:auto;width:-moz-fit-content;width:fit-content;bottom:calc(env(safe-area-inset-bottom, 0px) + 18px);display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:6px;background:var(--chip);border-radius:6px;box-shadow:0 10px 30px -12px rgba(80,50,40,.45)}.hud,.hud button{align-items:center;color:var(--ink)}.hud button{font:500 14px/1 var(--font-body);background:transparent;border:1px solid transparent;border-radius:4px;min-height:40px;padding:0 13px;cursor:pointer;display:inline-flex;gap:7px;white-space:nowrap}.hud button:hover{border-color:var(--chip-line)}.hud button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.hud button:disabled{opacity:.35;cursor:default;border-color:transparent}.hud button.primary{background:var(--ink);color:var(--chip)}.hud .sep{width:1px;align-self:stretch;margin:6px 4px;background:var(--chip-line)}.hud .folio{font:400 13px/1 var(--font-body);letter-spacing:.1em;padding:0 8px;min-width:92px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tip{left:0;top:0;pointer-events:none;padding:6px 11px 7px;background:var(--chip);color:var(--ink);border-radius:4px;font-family:var(--font-note);font-size:21px;line-height:1.05;white-space:nowrap;box-shadow:0 8px 20px -8px rgba(80,50,40,.45);transform:translate(14px,14px);z-index:3}.loader,.tip{position:fixed}.loader{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--room);transition:opacity .9s ease;z-index:5;padding-inline:16px;text-align:center}.loader b{font-family:var(--font-display);font-weight:400;font-size:42px}.loader b i{font-style:italic}.loader span{font-family:var(--font-note);font-size:24px;color:var(--soft)}.loader.gone{opacity:0;pointer-events:none}.flat-link{pointer-events:auto;font:500 12px/1 var(--font-body);color:var(--ink);background:var(--chip);border-radius:999px;padding:10px 14px;text-decoration:none;box-shadow:0 6px 20px -10px rgba(80,50,40,.4)}.flat-link:hover{box-shadow:0 0 0 1px var(--chip-line),0 6px 20px -10px rgba(80,50,40,.4)}.read{min-height:100%;background:#F4EFEA;color:#2A2620;overflow:auto}.read-bar{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:#FFFBF8;border-bottom:1px solid #ebdcd6}.read-bar a{color:#2A2620;font-weight:500;text-decoration:none}.read-stack{max-width:720px;margin:0 auto;padding:32px 18px 80px;display:grid;grid-gap:28px;gap:28px}.read-stack img{width:100%;height:auto;background:#F7F1E3;box-shadow:0 18px 40px -24px rgba(80,50,40,.45)}@media (max-width:560px){.hint{font-size:20px;bottom:calc(env(safe-area-inset-bottom, 0px) + 128px)}.hud button{padding:0 9px}.chip small,.hud .sep{display:none}}