:root{color:#21302b;background:#f7ead3;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;min-height:0;margin:0;overflow:hidden}button{min-height:48px;border:0;border-radius:8px;font:inherit;font-weight:800;letter-spacing:0;cursor:pointer}button:focus-visible{outline:3px solid #e7b541;outline-offset:3px}.app-shell{display:flex;height:100dvh;min-height:0;flex-direction:column;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff8ede6,#f7ead3f5),#f7ead3}.app-header{position:relative;flex:0 0 auto;z-index:20;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;max-width:520px;width:min(100%,520px);margin:0 auto 8px;gap:8px}.header-title{display:flex;min-width:0;flex-direction:column;align-items:center;color:#2b4e47}.header-title strong{font-size:17px}.header-title span{color:#6d6a5d;font-size:11px;font-weight:700}.icon-button{display:grid;width:44px;min-height:44px;place-items:center;border:1px solid rgba(35,83,74,.15);background:#fffcf5eb;color:#2b4e47;box-shadow:0 8px 20px #3b2d1c14}.screen{display:flex;flex:1 1 auto;width:min(100%,520px);height:auto;min-height:0;max-height:100%;margin:0 auto;flex-direction:column;gap:10px;overflow:hidden}.home-visual,.episode-hero,.result-visual{position:relative;overflow:hidden;border-radius:8px;background:#25574f;box-shadow:0 18px 44px #2f2c232e}.home-visual{flex:1 1 auto;min-height:0}.home-bg,.episode-hero img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}.home-visual:after,.episode-hero:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,#15241f24,#14231fb8)}.home-copy{position:absolute;right:18px;bottom:18px;left:18px;z-index:1;color:#fffaf0;text-shadow:0 2px 12px rgba(0,0,0,.34)}.eyebrow{color:#a35c2f;font-size:13px;font-weight:900}.home-copy .eyebrow{color:#f7d78b}h1,h2,p{margin:0;letter-spacing:0}h1{font-size:clamp(30px,9vw,44px);line-height:1.08}h2{font-size:25px}.home-copy p{margin-top:8px;font-size:20px;font-weight:800;line-height:1.35}.home-actions,.intro-copy,.result-copy,.result-actions,.album-title,.next-story,.episode-list{padding:18px;border:1px solid rgba(35,83,74,.12);border-radius:8px;background:#fffcf5eb;box-shadow:0 12px 30px #3a2d1f14}.home-actions,.result-actions{display:flex;flex-direction:column;flex:0 0 auto;gap:8px}.primary-action,.secondary-action{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:8px;padding:0 16px}.primary-action{background:#2f6f68;color:#fffaf0}.secondary-action{border:1px solid rgba(47,111,104,.24);background:#fffaf0;color:#2f6f68}.secondary-action.compact{min-width:0;font-size:15px}.quiet-line,.save-status,.closing-line,.next-preview,.empty-album p{color:#6d6a5d;font-size:14px;font-weight:700;line-height:1.45;text-align:center}.intro-screen{justify-content:flex-start}.episode-hero{flex:1 1 auto;min-height:0}.intro-copy{display:grid;flex:0 0 auto;gap:10px;padding:14px}.intro-copy h1{color:#2b4e47}.intro-copy p{color:#4c4a40;font-size:18px;font-weight:800;line-height:1.38}.story-stage{position:relative;flex:1 1 auto;width:min(100%,520px);height:auto;min-height:0;max-height:100%;margin:0 auto;overflow:hidden;border-radius:8px;background:#243932;box-shadow:0 18px 44px #2f2c2338}.stage-bg,.stage-shade{position:absolute;top:0;right:0;bottom:0;left:0}.stage-bg{width:100%;height:100%;object-fit:cover}.stage-shade{background:linear-gradient(180deg,#141d1c0d,#141d1c2e 48%,#141d1cdb)}.npc-image{position:absolute;right:-12px;bottom:clamp(210px,30dvh,280px);width:min(54%,250px);max-height:34dvh;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 22px rgba(0,0,0,.28))}.item-focus{position:absolute;top:clamp(28px,7dvh,64px);left:50%;z-index:2;display:flex;width:min(92%,400px);align-items:center;justify-content:center;gap:clamp(2px,2vw,12px);pointer-events:none;transform:translate(-50%)}.item-focus img{width:clamp(126px,34vw,168px);height:clamp(126px,34vw,168px);object-fit:contain;filter:drop-shadow(0 18px 22px rgba(29,23,14,.34))}.item-focus[data-count="1"] img{width:clamp(178px,54vw,250px);height:clamp(178px,54vw,250px)}.dialog-panel{position:absolute;right:12px;bottom:12px;left:12px;display:grid;align-content:start;max-height:min(52dvh,330px);gap:8px;overflow:hidden;padding:14px;border:1px solid rgba(255,250,240,.28);border-radius:8px;background:#fffcf5f0;box-shadow:0 -14px 34px #0000002e}.dialog-speaker{width:fit-content;padding:7px 11px;border-radius:6px;background:#a35c2f;color:#fffaf0;font-size:15px;font-weight:900}.dialog-text{display:grid;min-height:0;gap:6px;overflow:hidden}.dialog-text p{color:#27342f;font-size:19px;font-weight:800;line-height:1.42}.inline-more{justify-self:start;min-height:36px;padding:0 12px;border:1px solid rgba(47,111,104,.22);background:#fff4dc;color:#2f6f68;font-size:14px}.result-more{justify-self:stretch}.text-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:18px;background:#141d1c6b}.text-modal{display:grid;width:min(100%,360px);max-height:min(76dvh,520px);gap:12px;padding:16px;border:1px solid rgba(35,83,74,.14);border-radius:8px;background:#fffaf0;box-shadow:0 20px 46px #00000047}.text-modal .dialog-text{overflow-y:auto;padding-right:2px}.text-modal .closing-line,.text-modal .next-preview{text-align:left}.compact-modal-action{min-height:46px}.choice-grid{display:grid;gap:8px}.story-next{justify-self:end;width:min(100%,180px)}.choice-button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:0 14px;border:1px solid rgba(47,111,104,.25);background:#fffaf0;color:#2d665f;line-height:1.35;text-align:left}.choice-button-label{min-width:0}.choice-memory-state{justify-self:end;color:#2f6f68;font-size:12px;font-weight:900;line-height:1.1;white-space:nowrap}.choice-button.is-collected .choice-memory-state{color:#7b7365}.choice-button:active,.primary-action:active,.secondary-action:active,.icon-button:active{transform:translateY(1px)}.result-screen{gap:8px}.result-visual{position:relative;display:grid;flex:0 1 24%;min-height:126px;place-items:center;background:linear-gradient(135deg,#f8d47a,#fbf0ce 48%,#72a095),#fbf0ce}.result-visual .result-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.34;object-fit:cover;filter:saturate(.9)}.result-visual img:not(.result-bg){position:relative;width:min(54%,210px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(80,58,30,.24))}.result-copy{display:grid;flex:1 1 auto;min-height:0;gap:7px;overflow:hidden;padding:12px}.result-copy h1{color:#2b4e47;font-size:27px}.result-copy h2{color:#a35c2f}.result-copy strong{color:#2f6f68;font-size:17px}.result-copy p{color:#403d35;font-size:15px;font-weight:750;line-height:1.45;text-align:left}.result-text{display:grid;gap:6px}.result-text .closing-line{padding:12px;border-radius:8px;background:#fff4dc;color:#4c4a40;text-align:left}.split-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.save-status{color:#2f6f68}.next-preview{padding:7px 9px;border-radius:8px;background:#eef5ea;color:#2b4e47;font-size:14px;line-height:1.34;text-align:left}.album-screen{overflow-y:auto;padding-bottom:10px}.album-progress{display:grid;gap:10px}.progress-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.progress-counts{display:grid;justify-items:end;gap:2px}.progress-counts strong{color:#2b4e47;font-size:20px}.progress-counts span{color:#6d6a5d;font-size:12px;font-weight:900}.stamp-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.stamp-day{display:grid;min-width:0;min-height:58px;align-content:center;gap:2px;padding:6px 3px;border:1px dashed rgba(47,111,104,.22);border-radius:8px;background:#fffaf0b8;text-align:center}.stamp-day.is-collected{border-style:solid;background:#eef5ea}.stamp-day span,.stamp-day small{color:#6d6a5d;font-size:11px;font-weight:900;line-height:1.1}.stamp-day strong{overflow:hidden;color:#2b4e47;font-size:12px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.completion-card,.next-memory{border-radius:8px;background:#fff4dc}.completion-card{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid rgba(163,92,47,.22)}.completion-card svg,.next-memory svg{color:#a35c2f}.completion-card strong{color:#2b4e47;font-size:18px}.completion-card p,.next-memory{color:#4c4a40;font-size:14px;font-weight:800;line-height:1.35}.completion-card p{margin:2px 0 0}.next-memory{display:flex;align-items:center;gap:7px;padding:9px 10px}.album-title{display:grid;gap:14px}.album-title h1{color:#2b4e47;font-size:34px}.empty-album{display:grid;gap:12px}.album-grid{display:grid;max-height:min(28dvh,210px);gap:10px;overflow-y:auto;padding-right:2px}.album-item,.episode-row,.next-story{display:grid;align-items:center;gap:12px}.album-item{grid-template-columns:72px 1fr;min-height:88px;padding:10px;border:1px solid rgba(47,111,104,.13);border-radius:8px;background:#fffaf0}.album-item img{width:72px;height:72px;object-fit:contain;border-radius:8px;background:#f2e4ca}.album-item div,.episode-row div{display:grid;min-width:0;gap:3px}.album-item span,.album-item small,.episode-row span,.episode-row small,.next-story small{color:#6d6a5d;font-size:13px;font-weight:800}.album-item strong,.episode-row strong{color:#283d37;font-size:18px}.next-story{grid-template-columns:1fr 44px}.next-story h2{color:#2f6f68;font-size:24px}.next-story p{margin:4px 0;color:#403d35;font-size:17px;font-weight:800}.next-story svg{color:#a35c2f;justify-self:end}.episode-list{display:grid;flex:0 0 auto;max-height:min(32dvh,270px);gap:8px;overflow-y:auto}.episode-row{grid-template-columns:24px 1fr 58px;min-height:62px;padding:9px 0;border-bottom:1px solid rgba(47,111,104,.12)}.episode-row-button{width:100%;border-radius:0;background:transparent;text-align:left}.episode-row-button:hover{background:#2f6f6812}.episode-row:last-child{border-bottom:0}.episode-row svg{color:#a35c2f}.episode-row-status{display:grid;justify-items:end;gap:2px}.episode-row-status span{color:#2f6f68;font-size:12px;font-weight:900;line-height:1.1;white-space:nowrap}@media (max-height: 700px){.app-shell{padding:max(6px,env(safe-area-inset-top)) 8px max(6px,env(safe-area-inset-bottom))}.app-header{grid-template-columns:42px 1fr 42px;margin-bottom:6px}.icon-button{width:42px;min-height:42px}.screen{gap:8px}.home-actions,.intro-copy{padding:12px}.home-copy{right:14px;bottom:14px;left:14px}.home-copy p{font-size:18px;line-height:1.28}.quiet-line{font-size:13px;line-height:1.3}.primary-action,.secondary-action{min-height:46px}.intro-copy h1{font-size:28px}.intro-copy p{font-size:17px}.dialog-panel{right:10px;bottom:10px;left:10px;max-height:min(54dvh,320px);padding:12px}.dialog-speaker{padding:6px 10px;font-size:14px}.dialog-text p{font-size:18px;line-height:1.36}.choice-button{min-height:46px;font-size:15px}.result-screen{gap:8px}.result-visual{min-height:96px}.result-visual img:not(.result-bg){width:min(48%,168px)}.result-copy{gap:7px;padding:12px}.result-copy h1{font-size:27px}.result-copy h2{font-size:21px}.result-copy strong,.result-copy p{font-size:14px;line-height:1.45}.result-text{gap:4px}.result-text .closing-line,.next-preview{padding:8px 10px}.result-actions{gap:7px;padding:10px}.result-actions button{min-height:48px}}@media (max-width: 360px){.app-shell{padding-inline:8px}.dialog-panel p{font-size:19px}.npc-image{right:-18px;bottom:clamp(220px,34dvh,286px);width:58%}.item-focus img{width:124px;height:124px}.item-focus[data-count="1"] img{width:176px;height:176px}.split-actions,.episode-row{grid-template-columns:1fr}.episode-row-status{justify-items:start}.episode-row svg{display:none}}@media (min-width: 680px){.screen,.story-stage,.app-header{width:min(100%,540px)}.home-visual,.home-bg,.episode-hero img{min-height:560px}}