:root{--bg:#140e18;--ink:#f6efe4;--muted:#c9b8a8;--gold:#e4b57a;--wine:#6a2d3a;--teal:#6ec4c2;--panel:#100a12b8;--safe-top:max(18px, env(safe-area-inset-top));--safe-bottom:max(16px, env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Avenir Next,Segoe UI,sans-serif}body{min-height:100dvh;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%}.shell{background:radial-gradient(circle at 20% 10%,#e4b57a2e,#0000 28%),#140e18;max-width:520px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.title-screen,.panel-screen,.novel{min-height:100dvh;padding:calc(var(--safe-top) + 12px) 22px calc(var(--safe-bottom) + 22px)}.title-screen{background:linear-gradient(#0c080e26,#0c080ed1),url(/images/bg-title.jpg) 50%/cover;flex-direction:column;justify-content:flex-end;gap:24px;display:flex}.title-screen__copy h1,.panel-screen h1,.interact h2,.overlay__card h2{letter-spacing:-.03em;margin:8px 0 12px;font-family:Iowan Old Style,Palatino,Georgia,serif;font-weight:600;line-height:1.05}.title-screen h1{font-size:clamp(42px,12vw,64px)}.panel-screen h1{font-size:40px}.kicker{text-transform:lowercase;letter-spacing:.18em;color:var(--gold);margin:0;font-size:12px}.lede,.fineprint,.interact__note,.dialogue__text,.journal p{line-height:1.45}.lede{color:var(--muted);max-width:26ch}.title-screen__actions,.interact__stack,.interact__grid{gap:10px;display:grid}.primary,.ghost,.choice,.card-btn,.ending-card{text-align:left;border-radius:18px;min-height:52px;padding:14px 16px}.primary{color:#2a160c;background:linear-gradient(#f0c48c,#c8884c);font-weight:700}.ghost,.choice,.card-btn,.ending-card{background:#fff8ee14;border:1px solid #fff8ee1f}.ghost:disabled,.card-btn:disabled,.primary:disabled{opacity:.4}.choice{align-items:flex-start;gap:10px;width:100%;display:flex}.choice.is-on,.card-btn.is-on,.ending-card.is-on{background:#e4b57a24;border-color:#e4b57ab3}.card-btn,.ending-card{gap:6px;display:grid}.card-btn strong,.ending-card strong{font-size:17px}.card-btn span,.ending-card span,.fineprint{color:var(--muted);font-size:14px}.text-btn{color:var(--gold);min-height:44px}.back{margin-bottom:12px}.panel-screen{background:linear-gradient(#140e188c,#140e18),url(/images/bg-living-warm.jpg) 50%/cover}.steps{color:var(--muted);gap:12px;padding-left:18px;display:grid}.novel{padding:0;position:relative}.novel__bg,.novel__grade,.rain,.grain{position:absolute;inset:0}.novel__bg{background:50%/cover no-repeat;transition:filter .7s,transform 8s;transform:scale(1.06)}.novel.is-still .novel__bg{transform:none}.novel__grade{background:linear-gradient(#0a060c59,#0000 22% 48%,#0a060ce0)}.rain{pointer-events:none;opacity:.25;background:repeating-linear-gradient(100deg,#0000,#0000 12px,#ffffff0a 13px);animation:1.1s linear infinite rain}.atm-warm .rain,.atm-dawn .rain{opacity:.08}.atm-horror .rain,.atm-mirror .rain{opacity:.4;filter:hue-rotate(120deg)}.grain{pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:radial-gradient(#ffffff2e .5px,#0000 .6px);background-size:3px 3px}.hud{z-index:3;padding:calc(var(--safe-top) + 8px) 14px 0;color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex;position:relative}.hud__btn{min-height:40px;color:var(--gold);padding:0 8px}.portraits{pointer-events:none;z-index:2;height:58%;position:absolute;bottom:18%;left:0;right:0}.portraits.is-creature-stage{height:82%;bottom:6%}.portrait{object-fit:contain;filter:drop-shadow(0 18px 30px #0000008c);width:auto;height:100%;transition:opacity .4s,transform .4s,filter .4s;position:absolute;bottom:0}.portrait.is-left{left:-8%}.portrait.is-right{right:-8%}.portrait.is-center{height:108%;left:50%;transform:translate(-50%)}.portrait.is-creature{object-fit:cover;object-position:center 18%;width:min(92%,460px);height:92%;-webkit-mask-image:radial-gradient(at 50% 36%,#000 46%,#0000 74%);mask-image:radial-gradient(at 50% 36%,#000 46%,#0000 74%)}.portrait.is-dim{opacity:.46;filter:grayscale(.25)brightness(.8)}.portrait.is-distorted{animation:1.2s infinite glitch}.screamer{z-index:40;background:#000;border:0;width:100%;height:100%;padding:0;animation:.16s ease-out scare-in;position:absolute;inset:0}.screamer.is-still{animation:none}.screamer img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.screamer__hint{left:0;right:0;bottom:calc(var(--safe-bottom) + 22px);color:#f6efe4;letter-spacing:.14em;text-shadow:0 2px 12px #000;font-size:12px;position:absolute}.novel__front{z-index:4;align-items:flex-end;display:flex;position:absolute;inset:0}.dialogue,.interact{background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:22px;width:100%;padding:16px 16px 14px;box-shadow:0 20px 50px #00000059}.dialogue{margin:0 12px calc(var(--safe-bottom) + 10px)}.dialogue__name{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:13px}.dialogue__text{min-height:4.4em;max-height:28dvh;margin:0 0 12px;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:19px;overflow:auto}.choices{gap:8px;display:grid}.choices__label{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:11px}.continue{color:var(--gold);letter-spacing:.12em;font-size:12px}.interact-wrap{width:100%;margin:0 12px calc(var(--safe-bottom) + 10px);max-height:80dvh;overflow:auto}.interact-lead{color:var(--muted);margin:0 0 8px;padding:0 6px;font-family:Iowan Old Style,Palatino,Georgia,serif}.interact{max-height:none;overflow:visible}.interact__kicker{color:var(--gold);letter-spacing:.14em;margin:0;font-size:11px}.interact__grid{grid-template-columns:1fr}.photo-stage{aspect-ratio:3/4;border-radius:16px;margin:8px 0;position:relative;overflow:hidden}.photo-stage img{object-fit:cover;filter:saturate(.7)contrast(1.1);width:100%;height:100%}.photo-stage__wrong{background:linear-gradient(#0000,#1428308c);position:absolute;inset:18% 28% 36% 48%;box-shadow:inset 0 0 0 1px #6ec4c299}.hotspot{background:#e4b57a47;border-radius:50%;width:36px;height:36px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #e4b57a1f}.hotspot.is-found{background:var(--teal)}.wave{align-items:flex-end;gap:3px;height:54px;margin:8px 0 12px;display:flex}.wave span{background:linear-gradient(180deg, var(--gold), var(--teal));opacity:.8;border-radius:8px 8px 0 0;flex:1}.timeline-preview{min-height:92px;color:var(--muted);padding-left:18px}.overlay{z-index:10;padding:16px 16px calc(var(--safe-bottom) + 16px);background:#08050a9e;align-items:flex-end;display:flex;position:absolute;inset:0}.overlay__card{background:#1b1322;border-radius:22px;gap:12px;width:100%;padding:20px;display:grid}.journal{max-height:50dvh;overflow:auto}.slider,.check{color:var(--muted);gap:6px;display:grid}.slider input,.check input{accent-color:var(--gold)}.reset{right:16px;top:calc(var(--safe-top) + 8px);color:var(--muted);z-index:5;font-size:12px;position:absolute}@keyframes rain{to{background-position:40px 80px}}@keyframes scare-in{0%{opacity:0}to{opacity:1}}@keyframes glitch{0%,to{filter:contrast(1.05)saturate(.7)}35%{filter:hue-rotate(50deg)contrast(1.45)saturate(.35)}70%{filter:hue-rotate(-25deg)contrast(1.3)}}@media (width>=720px){.shell{border-radius:28px;min-height:calc(100dvh - 32px);margin:16px auto;box-shadow:0 30px 80px #00000073}}@media (orientation:landscape) and (height<=500px){.portraits{height:46%;bottom:24%}.dialogue__text{min-height:3em;font-size:16px}}