.story-shell{font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;color:#1b3435;background:#fff7ec;min-height:100svh;padding-bottom:80px}.story-shell *{box-sizing:border-box}.story-shell h1,.story-shell h2,.story-shell h3,.story-shell p{margin:0}.story-shell h1{font-size:27px;line-height:1.12}.story-shell h2{font-size:23px;line-height:1.2;margin:18px 0 12px;letter-spacing:-.6px}.story-shell h3{font-size:18px;line-height:1.22}.story-shell p{margin:10px 0;color:#52605a}.story-shell button{font:650 14px/1.2 system-ui,sans-serif;min-height:44px;border:0;border-radius:19px;padding:11px 14px;display:inline-flex;gap:7px;align-items:center;justify-content:center;cursor:pointer;background:#dce8d5;color:#24594f;box-shadow:none}.story-shell button:disabled{opacity:.5;cursor:default}.story-shell button:focus-visible{outline:3px solid #e9bb49;outline-offset:3px}.story-shell .story-primary{background:linear-gradient(110deg,#2c7266,#1d514c);color:#fff9ec;width:100%;margin-top:10px}.story-shell .story-soft{background:linear-gradient(110deg,#e1ebd7,#cce3d1);color:#24594f;width:100%;margin-top:9px}.story-shell .quiet{background:transparent;color:#30695d;text-decoration:underline}.story-shell .icon{width:23px;height:23px}.story-top{display:flex;align-items:center;gap:8px;padding:12px 10px;background:#fff8ed;position:relative;z-index:3;border-bottom:1px solid #ede2ce}.story-top h1{font-size:20px;flex:1}.story-top .story-back{width:42px;padding:8px;border-radius:50%;background:#e2e8d3}.wallet-icon{width:23px;height:25px;display:block;flex-shrink:0}.story-top .mini-wallet{font-size:12px;padding:7px;gap:3px;min-height:35px;background:#eee9d7;border-radius:22px}.story-top .mini-wallet .wallet-icon{width:19px;height:21px}.story-paper{padding:17px 16px 24px;background:#fff7ec;border-radius:27px 27px 0 0;position:relative}.story-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(430px,100vw);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 6px 12px;gap:2px;background:#fff8edf5;border-radius:25px 25px 0 0;z-index:12;box-shadow:0 -5px 18px #233b3114;backdrop-filter:blur(12px)}.story-nav button{padding:4px 1px;background:transparent;display:flex;flex-direction:column;font-size:11px;gap:3px;font-weight:600}.story-nav .icon{width:25px;height:25px}.story-lead{font-size:15px}.story-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.story-section-title small{font-size:9px;letter-spacing:.8px;color:#58736a;font-weight:700}.story-section-title h2{margin:5px 0}.story-section-title>button{width:auto;min-width:76px;margin:0}.book-cover{height:235px;position:relative;background:#234a42;overflow:hidden}.book-cover>.art-fragment{width:100%;height:100%;object-fit:cover}.book-cover:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#173d31bb)}.book-cover h1{position:absolute;z-index:1;color:#fff9ec;left:20px;bottom:25px;font-size:31px;text-shadow:0 2px 6px #0005}.campaign-book>.story-paper{margin-top:-17px;z-index:2}.chapter-list{display:grid;gap:14px;margin-top:20px}.chapter-tile{border-radius:25px;overflow:hidden;background:#fffaf2;box-shadow:0 4px 15px #5f4c291a;border:1px solid #eee1cb}.chapter-tile.locked{background:#f3eddf}.chapter-thumb{height:150px;position:relative;overflow:hidden;background:#d7e0c9}.comic-art{width:100%;height:100%;display:block;overflow:hidden;pointer-events:none}.chapter-thumb>span{position:absolute;left:12px;bottom:10px;background:#fff5d8;color:#225349;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-size:21px;font-weight:800;box-shadow:0 3px 9px #0002}.chapter-copy{padding:16px}.chapter-copy>small{font-size:10px;letter-spacing:.7px;font-weight:700;color:#4b7566}.chapter-copy h2{font-size:23px;margin:5px 0 8px}.chapter-copy p{font-size:13px;margin:7px 0 12px}.chapter-scene{height:360px;position:relative;background:#25453f;overflow:hidden}.chapter-scene:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#133b31e8)}.chapter-scene>div{position:absolute;z-index:1;bottom:30px;left:19px;right:19px;color:#fff9e9}.chapter-scene span{display:table;background:#f8d99f;color:#25453c;padding:4px 11px;border-radius:18px;font-size:12px;margin-bottom:9px;font-weight:650}.chapter-scene h1{font-size:31px;text-shadow:0 2px 6px #0005}.chapter-page>.story-paper{margin-top:-15px;z-index:2}.chapter-tools{display:flex;gap:12px;justify-content:space-between}.chapter-tools>button{width:auto;margin:0}.story-echo{padding:13px 14px;border-radius:18px;background:#e3ecd8;font-size:13px!important;color:#3c6758!important}.story-clues{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.story-clues>button{display:flex;flex-direction:column;align-items:stretch;text-align:center;background:#f2e7d2;padding:8px 8px 12px;border-radius:23px;gap:9px;min-width:0}.story-clues>button.found{background:#dce9d3;outline:2px solid #418975;outline-offset:-2px}.clue-illustration{height:125px;border-radius:16px;overflow:hidden}.story-clues strong{font-size:14px}.story-clues span{font-size:12px;background:#fff8e8;border-radius:14px;align-self:center;padding:4px 10px}.evidence-reading{padding:14px;border-radius:18px;background:#f4ead6;margin:10px 0;font-size:13px}.evidence-reading p{margin:5px 0 0}.story-dialogue{padding:18px;background:#e4e9d6;border-radius:24px;margin:20px 0}.story-dialogue strong{font-size:18px}.story-dialogue p{font-size:14px;color:#395e51;margin-bottom:0}.choices-note{font-size:12px;color:#64806a!important}.story-decisions{display:grid;gap:14px;margin-top:15px}.story-decisions>article{padding:18px;background:#fffaf3;border:1px solid #e9dfcc;border-radius:25px;box-shadow:0 3px 12px #5c472416}.story-decisions p{font-size:13px}.recipe-row{display:flex;gap:12px;align-items:center;background:#eeeede;border-radius:17px;padding:8px;margin:12px 0}.story-shell .item-art{width:58px;height:58px;min-height:0;background-image:url('/assets/illustrations/items-atlas.png');background-size:600% 300%;flex-shrink:0}.recipe-row strong{font-size:13px}.recipe-row small{display:block;font-size:11px;color:#59735d;margin-top:4px}.story-lock{display:block;text-align:center;font-size:12px;color:#7b775f;padding:8px}.story-tag{display:table;padding:5px 13px;background:#d8e6cf;color:#356050;border-radius:17px;font-size:10px;font-weight:750;margin-top:20px}.story-rewards{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 10px;margin:17px 0;background:#e5ecd8;border-radius:22px}.story-rewards>span{display:flex;gap:6px;align-items:center;font-size:18px;font-weight:750;color:#315a4c}.reward-status{text-align:center;font-size:12px;color:#568367!important}.ending-history{padding:19px;border-radius:22px;background:#f0e6d1;margin-top:25px}.ending-history p{font-size:13px;border-top:1px solid #dacdb5;padding-top:13px}.wallet-tabs{display:flex;gap:8px;margin:14px 0 20px}.wallet-tabs button{flex:1;background:#eee8d6;border:2px solid transparent;padding:9px 5px;min-width:0}.wallet-tabs button.selected{background:#dcebd3;border-color:#3c8671}.currency-explanation{padding:19px;border-radius:24px;background:linear-gradient(130deg,#e0ead5,#f5eacc)}.currency-explanation h2{margin:0;font-size:22px}.currency-explanation small{font-size:11px;color:#526e60}.wallet-upgrade{background:#fffaf2;border-radius:23px;padding:17px;border:1px solid #e8decc;margin-bottom:14px;box-shadow:0 3px 9px #503d2510}.wallet-upgrade p{font-size:13px}.wallet-upgrade .small-note{font-size:11px;color:#78816a}.wallet-upgrade .story-primary,.wallet-upgrade .story-soft{font-size:13px}.comic-reader{background:radial-gradient(ellipse at 50% 20%,#254b4c,#102e32);color:#fff6e5;padding:14px 12px 20px;min-height:calc(100svh - 40px)}.comic-top{display:flex;align-items:center;gap:10px;padding:0 0 14px;min-height:52px}.comic-top>span{flex:1;font-size:16px;font-weight:700}.comic-reader .quiet{color:#e8e6cf;font-size:12px;padding:7px;background:#ffffff0c;border-radius:14px;text-decoration:none}.comic-frame{width:100%;aspect-ratio:var(--comic-ratio,2/3);max-height:calc(100svh - 190px);border:5px solid #fff3dc;border-radius:17px;overflow:hidden;box-shadow:0 9px 30px #001b2077;background:#234741}.comic-dots{display:flex;justify-content:center;gap:8px;margin:17px 0}.comic-dots span{width:8px;height:8px;border-radius:50%;background:#63847d}.comic-dots span.current{background:#ffdf99;width:28px;border-radius:9px}.comic-controls{display:flex;align-items:center;gap:10px}.comic-controls .story-primary{margin:0;flex:1;width:auto;background:linear-gradient(120deg,#f5d79e,#e9c47f);color:#254b42;font-size:16px}.comic-controls .comic-arrow{width:44px;padding:0;background:#41665d;color:#fff4da;font-size:30px}.comic-controls>.quiet{font-size:10px;max-width:80px}.comic-art{animation:comic-reveal .22s ease-out}.reduced-motion .comic-art{animation:none}@keyframes comic-reveal{from{opacity:.5;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@media(max-width:460px){.comic-reader{min-height:100svh}.story-top{padding-top:max(12px,env(safe-area-inset-top))}.story-nav{padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.comic-art{animation:none}}

.inn-chapter-label{position:absolute;z-index:5;left:calc(var(--u)*50);top:calc(var(--u)*276);width:calc(var(--u)*167);height:calc(var(--u)*50);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--u)*30);background:linear-gradient(#ffe4a9,#f2ce78);font-size:calc(var(--u)*30);font-weight:700;color:#253a32}

.book-cover>.comic-art{width:100%;height:100%;object-fit:cover}.story-section-title>button{flex:0 0 auto;width:auto;padding:10px 16px}

.difficulty-summary{display:grid;gap:5px;padding:15px;background:#e4ebd8;border-radius:18px;margin:18px 0}.difficulty-summary strong{color:#275c4b;font-size:14px}.difficulty-summary span{font-size:14px}.difficulty-summary small,.chapter-requirements{font-size:11px!important;color:#65806b!important}.chapter-requirements{padding:8px;background:#eee9da;border-radius:10px}

.campaign-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;background:#e0ead5;border-radius:22px;padding:20px;margin:20px 0}.campaign-stats strong{font-size:24px;color:#285c4f}.campaign-stats span{font-size:12px}.campaign-page progress{width:100%;accent-color:#2d7660;height:12px}.campaign-page .small-note{font-size:12px;color:#6a7a69}.game-stage .order-needs{padding:0;background:transparent;border:0;border-radius:0;color:inherit;box-shadow:none;gap:0}.multi-order .customer-face{display:none}.multi-order .order-needs>div{width:calc(var(--u)*85);flex:1}.multi-order .order-needs .item-small{width:calc(var(--u)*78);height:calc(var(--u)*78)}.game-stage .workshop-heading .campaign-link{display:block;width:auto;height:auto;min-width:0;font-size:calc(var(--u)*21);padding:0;background:none;color:#457160;line-height:1.2;box-shadow:none;border-radius:0}.game-stage .workshop-heading h1{line-height:1.1}
.story-shell .story-section-title>.story-soft{width:auto;min-width:76px;flex:0 0 auto;padding:10px 16px}.story-section-title>div{min-width:0;flex:1}
.story-top h1{min-width:0;font-size:18px}.story-top .mini-wallet{width:auto;flex:0 0 auto;min-width:46px;max-width:92px}.story-top .story-back{width:38px;flex:0 0 38px}

.story-shell .currency-art{object-fit:contain;background:transparent}