/* A chapter book, not another text-heavy inventory. */
.life-daily #life-next,.life-daily #life-next-button{display:none}
.story-hud-button{display:block;width:100%;text-align:left;border:0;border-top:1px solid #d6ddca;background:transparent;padding:12px 0 0;color:#395a50;cursor:pointer}
.story-hud-button .eyebrow{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em}.story-hud-button strong{display:block;font-family:var(--font-display,"Lumi Display"),"Lumi TC",sans-serif;font-size:20px;line-height:1.25;margin:6px 0}.story-hud-button small{display:block;font-size:12px;line-height:1.5}.story-hud-progress{display:flex;gap:4px;margin-top:10px}.story-hud-progress i{height:4px;background:#dce2d1;flex:1;border-radius:4px}.story-hud-progress i.on{background:#c69750}
#story-overlay{z-index:70}.story-panel{width:min(1080px,94vw);height:min(790px,90dvh);max-height:90dvh;padding:0!important;display:flex;flex-direction:column;overflow:hidden;border-radius:28px!important;background:#fbf8ee!important;color:#354e46;box-shadow:0 26px 100px #263f3c66}
.story-heading{padding:28px 36px 22px;background:linear-gradient(105deg,#edf0dc,#faf4e4 70%);border-bottom:1px solid #d8dfcf;position:relative;flex-shrink:0}.story-heading h2{font:800 34px/1.2 "Lumi Display","Lumi TC",sans-serif!important;margin:6px 0;color:#304f45;letter-spacing:0!important}.story-heading>p{margin:8px 0 0;font-size:13px;color:#60746a}.story-heading .eyebrow{font-size:10px;color:#6c7a64}.story-panel .close{right:18px;top:18px;z-index:2}
#story-rank{position:absolute;right:82px;top:42px;width:230px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;font-size:13px}#story-rank span{display:flex;align-items:center;gap:6px}#story-rank svg{width:17px;height:17px;color:#bd9255}#story-rank small{font-size:10px;font-weight:500}#story-rank progress{width:100%;height:6px;border:0;border-radius:10px;overflow:hidden;background:#dce1cd}#story-rank progress::-webkit-progress-bar{background:#dce1cd}#story-rank progress::-webkit-progress-value{background:#a0b183;border-radius:10px}
#story-tabs{display:flex;gap:8px;padding:13px 28px;border-bottom:1px solid #e1e4d6;background:#fffcf3;flex-shrink:0}#story-tabs button{border:0;border-radius:14px;background:transparent;color:#68796b;padding:9px 18px;font-size:13px;font-weight:750;cursor:pointer}#story-tabs button[aria-pressed=true]{background:#385e50;color:#fff9ea}
.story-book{display:flex;flex:1;min-height:0}#story-list{width:265px;flex-shrink:0;background:#f0f1e5;padding:16px 12px;overflow:auto;border-right:1px solid #dce2d3}.story-chapter{display:flex;width:100%;align-items:center;gap:11px;padding:12px 10px;margin:0 0 7px;border:1px solid transparent;border-radius:15px;text-align:left;background:transparent;color:#3e5c4e;cursor:pointer;line-height:1.35}.story-chapter[aria-current=true]{background:#fffbef;border-color:#c1cdb2;box-shadow:0 3px 10px #64715c09}.story-number{display:grid;place-items:center;min-width:30px;height:30px;border-radius:10px;background:#dfe5d2;color:#64735a;font-size:13px;font-weight:800}.story-chapter[data-status=done] .story-number{background:#b7cda9;color:#31563e}.story-chapter[data-status=ready] .story-number{background:#edd392;color:#715321}.story-chapter small{display:block;font-size:10px;color:#788271;margin-bottom:3px}.story-chapter strong{font-size:14px}.story-chapter svg{width:13px;flex-shrink:0;color:#be984e;margin-left:auto}.story-chapter[data-status=locked]{opacity:.6}
#story-detail{flex:1;min-width:0;overflow:auto;outline:none}.story-hero{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:24px 30px 18px;background:linear-gradient(120deg,#f5ebd5,#eef0dc);min-height:140px}.story-hero h3{font:800 28px/1.2 "Lumi Display","Lumi TC",sans-serif;margin:8px 0;color:#344e41}.story-hero p{font-size:14px;line-height:1.6;margin:0;color:#687565}.story-hero .eyebrow{font-size:10px;color:#8d7650}.story-portrait{width:100px;height:108px;flex-shrink:0;display:flex;align-items:center}.story-portrait img{width:100%;height:100%;object-fit:contain}.story-detail-body{padding:22px 30px 30px}.story-contact{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}.story-contact>span:first-child{display:flex;align-items:center;gap:8px;font-weight:750}.story-contact svg{width:18px;height:18px}.story-state{padding:6px 11px;border-radius:18px;background:#e9eddd;color:#65815b;font-size:11px}.state-ready{background:#f4e1b6;color:#82622c}
.story-objectives{list-style:none!important;margin:18px 0;padding:0!important;display:grid;gap:11px}.story-objectives li{display:flex;gap:11px;align-items:flex-start;padding:14px;background:#fffdf6;border:1px solid #e1e4d6;border-radius:15px}.story-objectives strong{display:block;font-size:14px;line-height:1.4}.story-objectives p{font-size:12px;line-height:1.65;color:#77816e;margin:5px 0 0}.story-objectives b{margin-left:auto;white-space:nowrap;font-size:12px;color:#7f896d}.story-check{background:#eef0e4;color:#9ca88b;border-radius:50%;min-width:24px;height:24px;display:grid;place-items:center}.story-objectives .is-done{background:#eef3e4}.is-done .story-check{background:#709668;color:#fff}.story-rewards{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;border-top:1px solid #e0e4d4;padding-top:15px;margin-top:18px}.story-rewards>span{color:#718168}.story-rewards b{display:flex;gap:4px;align-items:center;background:#f3ead4;color:#806744;border-radius:8px;padding:5px 8px;font-weight:650}.story-rewards svg{width:12px;height:12px}.story-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.story-actions button,.story-locked button{padding:11px 17px;border-radius:12px;border:1px solid #b7c8a9;background:#e5eddc;color:#446644;font-size:13px;font-weight:750;cursor:pointer}.story-actions button:first-child{background:#416550;color:#fff8e6;border-color:#416550}.story-return{display:block;font-size:11px;line-height:1.8;margin-top:15px;color:#85907e}.story-supplies{border:1px dashed #d3bb8b;background:#faf0da;border-radius:14px;padding:15px;margin-top:16px}.story-supplies>strong{font-size:12px}.story-supplies>div{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.story-supplies span{font-size:12px;background:#fffaf0;padding:7px 10px;border-radius:9px}.story-supplies b{margin-left:8px}.story-supplies small{color:#8f805f;font-size:11px}.story-supplies .missing{color:#ae6350}.story-supplies .enough{color:#59784a}.story-letter{font-size:16px;line-height:1.9;background:#fffbee;padding:17px 24px;border-left:3px solid #d4bb83;margin:20px 0}.story-letter p{margin:0 0 12px}.story-letter p:last-child{margin:0}.story-locked{padding:35px 16px;text-align:center}.story-locked>svg{width:34px;height:34px;color:#c4b387}.story-locked h4{font-size:19px}.story-locked p{font-size:13px;color:#7f8b76}
.story-footer{display:flex;justify-content:space-between;gap:16px;padding:12px 28px;border-top:1px solid #dce2d1;background:#f4f3e8;font-size:10px;color:#849075;flex-shrink:0}.story-footer #story-notice{font-size:12px;color:#94784f}.story-growth{padding:30px;max-width:770px;margin:auto}.story-growth h3{font-size:25px;margin:10px 0 24px}.story-ranks{display:grid;gap:13px}.story-ranks article{display:flex;gap:16px;padding:17px;background:#f2f0e4;border:1px solid #e4dfcb;border-radius:16px;opacity:.7}.story-ranks article.earned{background:#edf2e0;border-color:#bccda7;opacity:1}.story-ranks article>span{width:42px;height:42px;border-radius:50%;background:#fff9e6;display:grid;place-items:center;color:#b29151;flex-shrink:0}.story-ranks svg{width:23px;height:23px}.story-ranks h4{font-size:17px;margin:4px 0}.story-ranks small,.story-ranks p{font-size:12px;color:#75826a;margin:0;line-height:1.6}.story-growth>p{font-size:13px}.story-keepsakes{display:flex;gap:8px;flex-wrap:wrap}.story-keepsakes span{padding:7px 12px;background:#f2e7cd;border-radius:10px;font-size:12px}
.story-waypoint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:8px 10px 8px 14px;max-width:360px;background:#fff9e9ed;border:1px solid #f8edcf;border-radius:24px;color:#6e765d;box-shadow:0 3px 16px #273a2722;font-size:12px;pointer-events:auto;z-index:12}.story-waypoint[hidden]{display:none}.story-bearing{display:inline-block;font-size:23px;color:#b9914a;line-height:1}.story-waypoint>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-waypoint b{font-size:11px;white-space:nowrap;color:#9b854f}.story-waypoint button{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:0;background:#e8edda;border-radius:50%;color:#657d60;cursor:pointer}.story-waypoint svg{width:16px;height:16px}.photo-mode .story-waypoint{display:none}
.journal-story-entry{display:flex;align-items:center;gap:14px;width:100%;padding:18px 22px;border:1px solid #c9d3b4;background:linear-gradient(110deg,#e7efda,#f8edd5);border-radius:17px;text-align:left;color:#3d5d48;margin:18px 0;cursor:pointer}.journal-story-entry>svg{width:28px;height:28px;color:#b99555}.journal-story-entry strong{display:block;font-size:18px}.journal-story-entry small{display:block;font-size:12px;color:#7a896d;margin-top:4px}.journal-story-entry kbd{margin-left:auto}.resident-stories{margin:16px 0;padding:17px;background:#edf0dc;border-radius:15px}.resident-stories h3{font-size:15px;margin:0 0 9px}.resident-stories button{display:flex!important;justify-content:space-between;gap:14px;align-items:center;width:100%;background:#fffaec!important;border:1px solid #d3d9bf!important;border-radius:10px!important;padding:13px!important;text-align:left;color:#456347;font-size:14px!important;cursor:pointer}.resident-stories small{font-size:11px;color:#8b936f}
.story-finale{padding:40px 30px;text-align:center}.story-finale h3{font:800 30px/1.3 "Lumi Display","Lumi TC",sans-serif;margin:16px 0 25px}.goodnight-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px}.goodnight-choices button{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 20px;border:1px solid #d8c690;border-radius:23px;background:#f6eaca;color:#795f3e;cursor:pointer}.goodnight-choices button:last-child{background:#eee6f5;border-color:#cbbdd8;color:#79678f}.goodnight-choices svg{width:50px;height:50px}.goodnight-choices strong{font-size:18px}.goodnight-choices span,.story-finale>p{font-size:12px;line-height:1.8}.story-finale>p{color:#859078;margin-top:24px}.story-panel button:focus-visible,.story-hud-button:focus-visible{outline:3px solid #c39c58;outline-offset:3px}.story-panel button:hover{filter:brightness(.98)}
@media(max-width:800px){.story-heading{padding:22px}.story-heading h2{font-size:28px!important}#story-rank{position:static;margin-top:16px;width:100%;max-width:330px}#story-tabs{padding:10px;gap:2px}#story-tabs button{padding:8px 12px;font-size:12px}#story-list{width:205px}.story-hero{padding:20px}.story-hero h3{font-size:24px}.story-portrait{width:70px;height:85px}.story-detail-body{padding:18px}.story-footer{padding:10px 15px}.story-waypoint{bottom:18px;max-width:300px}}
@media(max-width:580px){.story-panel{width:96vw!important;height:94dvh!important;max-height:94dvh!important;border-radius:20px!important}.story-book{flex-direction:column}#story-list{width:auto;display:flex;gap:7px;padding:9px;border-right:0;border-bottom:1px solid #dce2d3;max-height:82px;overflow:auto;flex-shrink:0}.story-chapter{width:165px;flex-shrink:0;margin:0;padding:8px}.story-chapter strong{font-size:12px}.story-number{min-width:24px;height:24px}.story-hero{min-height:110px}.story-heading h2{font-size:24px!important}.story-heading{padding:16px 20px}.story-heading>p{font-size:11px}#story-rank{margin-top:12px;gap:5px;font-size:11px}.story-footer>span:last-child{display:none}.story-waypoint{bottom:96px;max-width:260px;font-size:10px}.goodnight-choices{grid-template-columns:1fr}.goodnight-choices button{padding:20px}.life-daily .story-hud-button strong{font-size:15px}.story-hud-button small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.story-panel *{scroll-behavior:auto!important}}
.story-detail-body>.story-actions{margin:14px 0 17px}.story-route-lock{padding:8px 10px;background:#eee9d6;border-radius:10px;color:#84704b!important;font-size:12px!important}
.menu-open .story-waypoint{display:none}
.story-objectives p,.story-ranks p,.story-ranks small{color:#5f7059}