:root{color:#1c211d;background:#101b19;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(213,176,93,.16),transparent 32rem),linear-gradient(180deg,#10211f,#f5f0e4 34%)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.loading,.app-shell{min-height:100vh}.loading{display:grid;place-items:center;font-size:1.2rem}.app-shell{display:grid;grid-template-columns:280px 1fr}.sidebar{background:linear-gradient(180deg,#102d2a,#0d1c1a);color:#f8f4e9;padding:24px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;gap:12px;align-items:center}.brand svg{width:36px;height:36px;color:#f0b35a}.brand p,.brand h1{margin:0}.brand p{color:#bfd9d6;font-size:.8rem}.brand h1{font-size:1.8rem}.nav{display:grid;gap:10px}.nav button,.privacy-note{border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:inherit;border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px}.nav button.active{background:#f0b35a;border-color:#f0b35a;color:#132321}.privacy-note{margin-top:auto;color:#d7e7e4;line-height:1.4;font-size:.9rem}.privacy-note svg,.nav svg,.panel-title svg{width:18px;height:18px;flex:0 0 auto}.main-panel{padding:22px;overflow:auto}.error,.success{border-radius:8px;padding:12px 14px;margin-bottom:16px}.error{background:#ffe4df;color:#8b2418}.success{background:#e2f5e8;color:#1d6538}.topline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.topline h2,.reader-header h2{margin:4px 0 0;font-size:2rem;line-height:1.15}.eyebrow{color:#66736d;font-size:.78rem;font-weight:700;letter-spacing:0;margin:0;text-transform:uppercase}select,input{border:1px solid #cfc8b7;border-radius:8px;padding:10px 12px;background:#fffdf7;color:#20231f}.muted{color:#66736d}.journey{max-width:1180px;margin:0 auto;display:grid;gap:16px}.quest-hero{min-height:430px;border-radius:8px;overflow:hidden;background-position:center;background-size:cover;color:#fff9ec;padding:18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 60px #0d1c1a47}.quest-hero-top,.hero-stats{display:flex;gap:10px;align-items:center;justify-content:space-between}.quest-hero select{background:#fffdf7eb}.hero-controls{display:flex;justify-content:flex-end;gap:8px;max-width:56%}.hero-controls select{min-width:0;max-width:100%}.chapter-pill,.hero-stats span{border:1px solid rgba(255,255,255,.35);background:#07171585;border-radius:999px;padding:8px 11px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quest-hero-copy{max-width:620px;text-shadow:0 2px 20px rgba(0,0,0,.5)}.quest-hero-copy .eyebrow{color:#f3c971}.quest-hero-copy h2{margin:6px 0;font-size:4rem;line-height:.95}.quest-hero-copy p{max-width:36rem;margin:0;line-height:1.55}.hero-stats{justify-content:flex-start;flex-wrap:wrap}.story-scene,.vn-scene,.next-quest,.path-panel,.quest-deck,.encounter-timeline{background:#fffdf7f5;border:1px solid #d7cfbd;border-radius:8px;padding:16px;box-shadow:0 12px 32px #26302b14}.story-scene{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center}.vn-scene{position:relative;min-height:280px;overflow:hidden;display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);gap:18px;align-items:end;background-position:center;background-size:cover;color:#fff9ec}.scene-fx{position:absolute;inset:auto auto -36px -22px;width:min(420px,72%);opacity:.6;pointer-events:none;mix-blend-mode:screen}.vn-character{position:relative;z-index:1;align-self:end;width:min(280px,100%);max-height:320px;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 18px 28px rgba(0,0,0,.34))}.vn-dialogue{position:relative;z-index:2;background-position:center;background-size:cover;background:#fffdf7f2;color:#1c211d;border:1px solid rgba(255,255,255,.45);border-radius:8px;padding:16px;margin-bottom:8px;box-shadow:0 18px 32px #0000002e}.vn-scene .eyebrow{color:#8a5b18}.npc-portrait{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#f8f4e9;background:radial-gradient(circle at 30% 20%,#d9af65,#925d20 52%,#173d3a);font-weight:800;font-size:1.6rem;box-shadow:inset 0 0 0 2px #ffffff38}.story-scene h3,.next-quest h3{margin:4px 0}.story-scene p,.next-quest p{margin:0;line-height:1.5}.adventure-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:16px}.quest-kicker{color:#bd8a3e;font-weight:800;text-transform:uppercase;font-size:.82rem}.primary-action{width:100%;margin-top:16px;border:0;color:#fff9ec;background:linear-gradient(135deg,#173d3a,#bd8a3e);border-radius:8px;padding:14px 16px;font-weight:800;box-shadow:0 12px 24px #173d3a38}.path-track{display:grid;gap:8px}.path-track button{border:1px solid #d9d0bd;background:#f6f0e4;border-radius:8px;padding:10px;text-align:left;display:flex;gap:10px;align-items:center;color:#5d675f}.path-track button img{width:30px;height:30px;object-fit:contain;flex:0 0 auto}.scroll-rank{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e1d6c2;color:#173d3a;font-size:.78rem;font-weight:900;flex:0 0 auto}.path-track button.reached{color:#102321;border-color:#bd8a3e;background:#fff8ea}.path-track button.current{color:#102321;border-color:#2d6d68;background:#edf7f4;box-shadow:inset 0 0 0 1px #2d6d6829}.quest-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.scroll-card{position:relative;overflow:hidden;min-height:132px;border:1px solid #dfd7c5;background:linear-gradient(180deg,#fffaf0,#f1e7d4);border-radius:8px;padding:12px;text-align:left;display:grid;align-content:space-between;gap:8px}.scroll-card.locked{cursor:default}.scroll-seal{position:absolute;right:10px;top:10px;width:34px;height:34px;object-fit:contain;opacity:.75}.scroll-card strong{font-size:.92rem;line-height:1.25;padding-right:30px}.scroll-card small{color:#66736d}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:18px}.panel{background:#fffdf7;border:1px solid #d7cfbd;border-radius:8px;padding:18px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.panel-title h3{margin:0}.quest-list,.event-list{display:grid;gap:10px}.quest-row{width:100%;text-align:left;border:1px solid #dfd7c5;background:#faf5ea;border-radius:8px;padding:12px;display:grid;gap:4px}.quest-row:hover{border-color:#bd8a3e}.quest-row span,.quest-row small,.event span{color:#66736d}.map-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}.map-strip span{min-height:58px;border-radius:8px;background:#e8e3d7;color:#69736e;display:grid;place-items:center;padding:8px;text-align:center;font-size:.85rem}.map-strip span.reached{background:#173d3a;color:#f8f4e9}.event{border-left:3px solid #bd8a3e;padding-left:12px;display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:start}.event img{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#efe3cd}.event h4,.event p{margin:4px 0}.reader{max-width:980px;margin:0 auto}.reader-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.reader-nav,.actions,.status-bar{display:flex;gap:8px;flex-wrap:wrap}.reader-nav button,.actions button,.status-bar button{border:1px solid #cfc8b7;background:#fffdf7;color:#20231f;border-radius:8px;padding:10px 12px}.reader-nav svg{width:18px;height:18px}.actions .primary,.status-bar button.selected{background:#143533;border-color:#143533;color:#f8f4e9}.status-bar{position:sticky;top:0;z-index:1;background:#f5f2eaf0;padding:12px 0;margin-bottom:12px}.status-bar button{display:inline-flex;align-items:center;gap:6px}.reader-text{background:#fffdf7;border:1px solid #d7cfbd;border-radius:8px;padding:28px;line-height:1.72;font-size:1.02rem}.reader-text p{margin:0 0 1rem}.reader-list{margin:.25rem 0 1.2rem 1.4rem;padding-left:1.1rem}.reader-list li{margin:.42rem 0;padding-left:.25rem;line-height:1.62}.reader-heading{color:#143533;font-size:1.35rem;line-height:1.25;margin:1.6rem 0 .7rem;padding-bottom:.35rem;border-bottom:1px solid #dfd7c5}.reader-subheading{color:#7b4d12;font-size:1.05rem;line-height:1.3;margin:1.35rem 0 .55rem;text-transform:uppercase}.reader-lo,.reader-figure{border-radius:8px;padding:12px 14px}.reader-lo{background:#e9f3f1;border-left:4px solid #2d6d68;color:#173d3a;font-weight:650}.reader-figure{background:#f7efe1;border-left:4px solid #bd8a3e;color:#61400f;font-weight:650}.empty-state{min-height:calc(100vh - 56px);display:grid;align-content:center;gap:14px;max-width:760px;margin:0 auto}.empty-state h2{font-size:2.4rem;margin:0}.empty-state p{color:#66736d;margin:0}code{display:block;overflow-x:auto;background:#143533;color:#f8f4e9;border-radius:8px;padding:14px}.outline-table{display:grid;gap:8px}.outline-row{display:grid;grid-template-columns:44px minmax(150px,.8fr) minmax(220px,1.4fr) 100px 100px;gap:8px;align-items:center;background:#fffdf7;border:1px solid #d7cfbd;border-radius:8px;padding:10px}.outline-row span{color:#66736d;text-align:center}.outline-row input{min-width:0;width:100%}@media(max-width:900px){.app-shell{grid-template-columns:1fr;padding-bottom:78px}.sidebar{position:fixed;left:0;right:0;bottom:0;z-index:10;padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));display:block;border-top:1px solid rgba(255,255,255,.12)}.brand,.privacy-note{display:none}.nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.nav button{justify-content:center;padding:9px 6px;font-size:.78rem;min-height:48px}.main-panel{padding:10px}.quest-hero{min-height:68vh;padding:14px}.quest-hero-top{align-items:flex-start}.hero-controls{max-width:62%;display:grid;grid-template-columns:minmax(0,1fr) auto}.hero-controls select{font-size:.78rem;padding:8px}.quest-hero-copy h2{font-size:3.2rem}.hero-stats span{font-size:.82rem}.story-scene{grid-template-columns:48px 1fr}.vn-scene{min-height:360px;grid-template-columns:1fr;padding:0;align-items:stretch}.vn-character{width:82%;max-height:330px;justify-self:center;margin-top:8px}.vn-dialogue{margin:-46px 10px 10px}.npc-portrait{width:48px;height:48px}.content-grid,.adventure-grid,.quest-cards{grid-template-columns:1fr}.scroll-card{min-height:96px}.reader{max-width:none}.reader-header{display:grid}.reader-header h2{font-size:1.35rem}.reader-nav{display:grid;grid-template-columns:repeat(2,1fr)}.status-bar{top:0;margin-left:-10px;margin-right:-10px;padding:10px;overflow-x:auto;flex-wrap:nowrap}.status-bar button{white-space:nowrap}.reader-text{border-radius:8px;padding:16px;font-size:.98rem;line-height:1.68}.outline-row{grid-template-columns:32px 1fr}.outline-row input{grid-column:2}}