:root{--bg:#080b09;--panel:#111511;--line:#353b34;--ink:#eee8d9;--muted:#8a9187;--gold:#b99a58;--paper:#efe7d5;--paperink:#24231f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 30% -10%,#46402c22,transparent 34rem),radial-gradient(circle at 85% 55%,#23403822,transparent 34rem),#090c0a;color:var(--ink);font-family:Georgia,'Times New Roman',serif}button,textarea{font:inherit}.hidden{display:none!important}button{cursor:pointer}.top{position:sticky;top:0;z-index:50;height:54px;display:flex;align-items:center;gap:8px;padding:7px 10px;background:#080b09e8;border-bottom:1px solid #2b302a;backdrop-filter:blur(12px)}.brand{border:0;background:none;color:#eee8d9;letter-spacing:.22em;font:12px system-ui,sans-serif}.crumb{flex:1;color:#747b72;font:10px system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top nav{display:flex}.top nav button{border:0;background:none;color:#aaa99e;padding:8px;font:10px system-ui,sans-serif}.loading,.fatal{max-width:850px;margin:40px auto;padding:20px}.landing{max-width:920px;margin:auto;padding:55px 16px 90px;text-align:center}.eyebrow,.kicker{font:9px system-ui,sans-serif;letter-spacing:.18em;color:#858b81}.landing h1{font-size:clamp(44px,8vw,78px);font-weight:400;line-height:.98;margin:12px 0}.landing .lead{font-size:19px;color:#beb8a8;font-style:italic}.testflag{display:inline-block;margin:8px 0 25px;padding:6px 10px;border:1px solid #4a4333;color:#b8a679;font:9px system-ui,sans-serif;letter-spacing:.12em}.thoughtbox{max-width:760px;margin:0 auto;border:1px solid #3a4038;background:#111511;box-shadow:0 25px 90px #0008}.thoughtbox textarea{width:100%;min-height:126px;padding:18px;border:0;outline:0;resize:vertical;background:transparent;color:#eee9dd;font-size:18px;line-height:1.45}.thoughtbox button{width:100%;min-height:58px;border:0;border-top:1px solid #3a4038;background:linear-gradient(#39372c,#22241e);color:#eee8db;font:600 13px system-ui,sans-serif}.suggestions{max-width:760px;margin:16px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.suggestions button{border:1px solid #30362f;background:#101410;color:#999f96;padding:12px;text-align:left;font:11px/1.45 system-ui,sans-serif}.path-card{max-width:780px;margin:32px auto 0;padding:22px;border:1px solid #3c433b;background:linear-gradient(145deg,#171b16,#0f120f);text-align:left;box-shadow:0 25px 80px #0007}.path-card h2{font-size:30px;font-weight:400;margin:7px 0}.path-card p{font:13px/1.6 system-ui,sans-serif;color:#aaa99e}.path-first{margin-top:20px;border-top:1px solid #303630;padding-top:16px}.path-first span{display:block;font:8px system-ui,sans-serif;letter-spacing:.16em;color:#757b73}.path-first strong{display:block;margin-top:5px;font-size:27px;font-weight:400}.path-nodes{display:flex;gap:0;margin:18px 0}.path-nodes i{position:relative;flex:1;height:26px}.path-nodes i:before{content:'';position:absolute;left:50%;top:8px;width:12px;height:12px;border-radius:50%;border:1px solid #4a5149;background:#111411;transform:translateX(-50%)}.path-nodes i:first-child:before{background:#baa15e;box-shadow:0 0 18px #baa15e77}.path-nodes i:after{content:'';position:absolute;left:50%;right:-50%;top:14px;height:1px;background:#353b34}.path-nodes i:last-child:after{display:none}.begin{width:100%;min-height:62px;border:1px solid #e8e0cf;background:#e8e0cf;color:#151715;font:600 14px system-ui,sans-serif}
.reader{max-width:780px;margin:auto;padding:13px 12px 80px}.reader-head{display:flex;align-items:end;justify-content:space-between;padding:5px 4px 10px}.reader-head h2{font-size:26px;font-weight:400;margin:4px 0 0}.reader-head .meta{font:9px system-ui,sans-serif;color:#858b81;letter-spacing:.11em}.artifact{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid #55492f;background:#111;box-shadow:0 30px 90px #0009}.artifact img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(to bottom,#0000000d 0%,#00000010 35%,#000000bb 72%,#000000ed 100%)}.artifact.text-top .shade{background:linear-gradient(to bottom,#000000e8 0%,#000000a8 40%,#0000001e 72%,#0000002a 100%)}.story{position:absolute;left:0;right:0;bottom:0;padding:32px clamp(20px,5vw,42px) 28px;color:#f5f0e5;text-shadow:0 2px 8px #000}.text-top .story{top:0;bottom:auto}.story p{font-size:clamp(17px,3vw,23px);line-height:1.34;margin:0 0 12px}.story.dense p{font-size:clamp(15px,2.7vw,20px);line-height:1.31}.view-image{position:absolute;right:10px;top:10px;border:1px solid #ffffff55;background:#080a08bb;color:#eee;padding:7px 9px;font:9px system-ui,sans-serif}.cover-art{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid #5a4c30}.cover-art img{width:100%;height:100%;object-fit:cover}.cover-title{position:absolute;inset:auto 0 0;padding:34px 26px 28px;background:linear-gradient(transparent,#000e);text-shadow:0 2px 10px #000}.cover-title h2{font-size:39px;font-weight:400;margin:5px 0}.cover-title p{font:13px/1.5 system-ui,sans-serif;color:#d3ccbd}.mode-action{padding:10px 0 0}.mode-action button{width:100%;min-height:45px;border:1px solid #5d4e31;background:linear-gradient(#1d1a12,#10130f);color:#d4bd82;font:10px system-ui,sans-serif;letter-spacing:.06em}.navstrip{display:grid;grid-template-columns:1fr minmax(112px,.9fr) 1fr;gap:7px;margin-top:9px}.navstrip button,.state{min-height:48px;border:1px solid #353b34;background:#111511;color:#bbb9af;padding:8px;font:10px system-ui,sans-serif}.navstrip button:last-child{justify-self:stretch}.navstrip button:disabled{opacity:.28}.state{display:grid;place-items:center;text-align:center;color:#bca66f;border-color:#665635;letter-spacing:.10em;font-weight:600;pointer-events:none}.state.book{color:#a4aaa1;border-color:#424940}.under-map{display:block;margin:8px auto;border:0;background:none;color:#767d74;font:9px system-ui,sans-serif}.loose{position:relative;min-height:70vh;border:1px solid #4a4e43;background:radial-gradient(circle at 70% 10%,#d0bd7730,transparent 22rem),repeating-linear-gradient(120deg,#ffffff05 0 1px,transparent 1px 19px),#e9e1cf;color:#24231f;display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,8vw,80px)}.loose:before{content:'LOOSE PAGE';font:9px system-ui,sans-serif;letter-spacing:.2em;color:#7b7669;margin-bottom:25px}.loose h2{font-size:34px;font-weight:400}.loose p{font-size:clamp(19px,3vw,26px);line-height:1.38}.modal{position:fixed;inset:0;z-index:100;background:#000c;display:grid;place-items:center;padding:14px;backdrop-filter:blur(6px)}.modal-card{width:min(620px,96vw);max-height:92vh;overflow:auto;background:#131713;border:1px solid #424940;padding:21px;box-shadow:0 30px 100px #000}.modal-card h2{font-size:31px;font-weight:400;margin:7px 0}.modal-card p{font:12px/1.6 system-ui,sans-serif;color:#9ba197}.modal-card button{width:100%;margin-top:8px;border:1px solid #41483f;background:#20251f;color:#ddd8cc;padding:11px;font:11px system-ui,sans-serif}.modal-card .primary{background:#e7dfcf;color:#151715;border-color:#e7dfcf}.fullimg{width:100%;height:auto;display:block}.price{font-size:29px;margin:14px 0}.map-card{width:min(720px,97vw)}.map-node{border-left:3px solid #625438!important;text-align:left!important}.map-node.current{box-shadow:inset 0 0 30px #9b814a20}.map-node.unreached{opacity:.45}.map-node strong{display:block;font:20px Georgia,serif;font-weight:400}.map-node span{font:9px system-ui,sans-serif;color:#777e75}.map-pages{display:flex;gap:5px;margin-top:9px}.map-pages i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #3c433b;border-radius:50%;font:8px system-ui,sans-serif;font-style:normal;color:#666d65}.map-pages i.window{border-color:#a48a50}.library-list{display:grid;gap:8px}.library-list button{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;text-align:left}.library-list img{width:56px;height:68px;object-fit:cover}.library-list strong{font:18px Georgia,serif;font-weight:400}.library-list small{display:block;color:#7f867d;font:8px system-ui,sans-serif}.transition{position:fixed;inset:0;z-index:90;background:#080b09;display:grid;place-items:center}.transition div{font-size:clamp(30px,8vw,70px);letter-spacing:.14em;text-align:center}.end{max-width:760px;margin:auto;padding:60px 18px;text-align:center}.end h1{font-size:clamp(40px,7vw,68px);font-weight:400}.end textarea{width:100%;max-width:620px;min-height:120px;background:#111511;border:1px solid #3b4139;color:#eee;padding:15px;font:17px/1.45 Georgia,serif}.end button{border:1px solid #424940;background:#1b201a;color:#ddd8cc;padding:11px 14px;margin:7px}.pulses{margin-top:35px;border-top:1px solid #303630;padding-top:20px}.pulse{max-width:520px;margin:8px auto;padding:15px;border:1px solid #343a33;text-align:left;background:#101410;font-size:16px;line-height:1.45}.toast{position:fixed;z-index:200;bottom:22px;left:50%;transform:translateX(-50%);background:#e7dfcf;color:#161816;padding:10px 14px;font:10px system-ui,sans-serif}
@media(max-width:640px){.top{height:50px}.crumb{display:none}.landing{padding:38px 12px 70px}.landing h1{font-size:48px}.suggestions{grid-template-columns:1fr}.reader{padding:8px 0 70px}.reader-head{padding:7px 14px 10px}.artifact{border-left:0;border-right:0;aspect-ratio:3/4}.story{padding:28px 24px 22px}.story p{font-size:clamp(16px,4.7vw,20px)}.story.dense p{font-size:clamp(14px,4vw,18px)}.mode-action,.navstrip{margin-left:11px;margin-right:11px}.navstrip{grid-template-columns:1fr 112px 1fr}.state{font-size:8px}.loose{margin:0;min-height:72vh;border-left:0;border-right:0}.map-card{width:100vw;height:100vh;max-height:100vh}.modal{padding:0}.modal-card{max-height:100vh}}