:root{--bg:#140e08;--gold:#c4a35a;--gold-hi:#e8d18a;--ink:#f3e6c4;--muted:#f3e6c4b8;--panel:#140e08b8;--page:#c4a574;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:Georgia,Times New Roman,serif;overflow:hidden}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#stage{background:radial-gradient(1200px 600px at 50% 50%, #2a1c10 0%, var(--bg) 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#book{width:100%;height:auto;max-height:100%}#book.stf__parent{touch-action:none!important}.page{background:var(--page);overflow:hidden}.page img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}#chrome{pointer-events:none;z-index:20;transition:opacity .25s;position:fixed;inset:0}#chrome.hidden{opacity:0}#chrome button,#chrome .label{pointer-events:auto}.topbar,.bottombar{background:linear-gradient(to bottom, var(--panel), transparent);justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;display:flex;position:absolute;left:0;right:0}.bottombar{background:linear-gradient(to top, var(--panel), transparent);bottom:0}.topbar{top:0}.topbar span{gap:.4rem;display:flex}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-hi);font-size:.85rem}.btn{appearance:none;border:1px solid var(--gold);color:var(--gold-hi);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#140e08d9;border-radius:999px;padding:.45rem .7rem;font:.8rem/1 Georgia,serif}.btn:active{transform:scale(.97)}.edge{width:18%;max-width:7rem;color:var(--gold-hi);opacity:.35;cursor:pointer;pointer-events:auto;background:0 0;border:0;font-size:2.4rem;position:absolute;top:18%;bottom:18%}.edge:active{opacity:.8}.edge.prev{left:0}.edge.next{right:0}#loader,#rotate,#toc{z-index:30;text-align:center;background:#140e08eb;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:fixed;inset:0}#loader h1,#rotate h1{color:var(--gold-hi);margin:0;font-size:1.35rem;font-weight:400}.progress{background:#3a2a16;border-radius:99px;width:min(16rem,70vw);height:4px;overflow:hidden}.progress>span{background:var(--gold);width:0%;height:100%;transition:width .2s;display:block}#rotate,#toc{display:none}#rotate.show,#toc.show{display:flex}#toc{justify-content:flex-start;padding-top:3.5rem;overflow:auto}.toc-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.65rem;width:min(960px,100%);display:grid}.toc-item{color:var(--ink);cursor:pointer;background:#1d140c;border:1px solid #5a4324;padding:0}.toc-item img{aspect-ratio:1583/1209;object-fit:cover;width:100%;display:block}.toc-item span{padding:.25rem;font-size:.7rem;display:block}#rotate p,#loader p{color:var(--muted);max-width:28rem;margin:0}.hidden-pages{display:none}#map{z-index:40;background:#070504;flex-direction:column;display:none;position:fixed;inset:0}#map.show{display:flex}.map-viewport{touch-action:none;cursor:grab;flex:1;position:relative;overflow:hidden}.map-world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.map-image{pointer-events:none;-webkit-user-drag:none;max-width:none;display:block}.map-fog{pointer-events:none;position:absolute;inset:0}.map-cell{background:#000;box-shadow:inset 0 0 0 1px #c4a35a80}.map-cell.explored{background:0 0}.map-cell.cooldown{animation:1s ease-in-out infinite map-cooldown}@keyframes map-cooldown{0%,to{box-shadow:inset 0 0 0 1px #c4a35a40}50%{box-shadow:inset 0 0 0 2px #e8d18ad9}}.map-chrome{pointer-events:none;z-index:2;position:absolute;inset:0}.map-chrome .btn,.map-chrome .label,.map-chrome .map-credit{pointer-events:auto}.map-chrome .topbar span,.map-chrome .bottombar{gap:.4rem}.btn:disabled{opacity:.4;cursor:default}#map-reveal.cooldown{animation:1s ease-in-out infinite map-cooldown}.map-credit{text-align:center;letter-spacing:.06em;color:var(--muted);margin:0;font-size:.7rem;position:absolute;bottom:2.6rem;left:0;right:0}.map-credit a{color:var(--gold-hi)}#map-picker{z-index:3;background:#140e08f0;flex-direction:column;padding:3.5rem 1rem 1.5rem;display:none;position:absolute;inset:0;overflow:auto}#map-picker.show{display:flex}.map-picker-list{flex-direction:column;gap:.45rem;width:min(28rem,100%);margin:0 auto;display:flex}.map-picker-list h2{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:.85rem 0 .2rem;font-size:.8rem;font-weight:400}.map-pick{text-align:left;border-radius:.4rem;width:100%}.map-pick.active{color:#140e08;background:#c4a35a}#map-quiz{z-index:4;min-height:0;padding:max(.2rem, env(safe-area-inset-top)) max(.45rem, env(safe-area-inset-right)) max(.3rem, env(safe-area-inset-bottom)) max(.45rem, env(safe-area-inset-left));background:#140e08f0;flex-direction:column;display:none;position:absolute;inset:0;overflow:hidden}#map-quiz.show{cursor:pointer;display:flex}#map-quiz .topbar{background:0 0;flex:none;padding:.3rem .15rem .25rem;position:relative}#map-quiz .label{white-space:nowrap;font-size:.75rem}.quiz-fit{flex:1;place-items:center;min-width:0;min-height:0;padding:.15rem;display:grid;container-type:size}.quiz-grid{--quiz-gap:.4rem;gap:var(--quiz-gap);width:min(100cqw, 36rem, calc((100cqh - var(--quiz-gap)) * 256 / 176 + var(--quiz-gap)));cursor:default;grid-template-columns:1fr 1fr;display:grid}.quiz-choice{appearance:none;border:1px solid var(--gold);cursor:pointer;background:#1d140c;border-radius:.35rem;min-width:0;padding:0;overflow:hidden}.quiz-choice:active{transform:scale(.98)}.quiz-crop{aspect-ratio:256/176;width:100%;height:auto;display:block;position:relative;overflow:hidden}.quiz-crop img{pointer-events:none;-webkit-user-drag:none;max-width:none;position:absolute}