@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,400;1,500;1,600;1,700&display=swap";:root{color:#e8dcc5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#302d3d;min-width:320px;min-height:100vh;margin:0}button{font:inherit}#root{min-height:100vh}main{width:min(100% - 40px,1000px);margin:0 auto;padding:48px 0}h1{text-align:center;margin:0;font-family:Playfair Display,serif;font-size:2.8rem;font-style:italic}.intro{text-align:center;margin:12px 0 40px}.story{background-color:#3b384b;border:1px solid #626b50;border-radius:16px;max-width:760px;margin:0 auto;padding:32px;animation:.35s ease-out scene-appear}.story-image{border-radius:10px;width:100%;height:auto;margin-bottom:28px;display:block}.story h2{color:#d6b875;text-align:center;margin-top:0;margin-bottom:20px;font-size:2rem}.story-description{margin:0;font-size:1.05rem;line-height:1.8}.choices{gap:14px;margin-top:32px;display:grid}.choices button,.ending button{color:#e8dcc5;cursor:pointer;text-align:left;background-color:#626b50;border:1px solid #7f896a;border-radius:10px;padding:14px 18px;transition:background-color .2s,border-color .2s,transform .2s}.choices button:hover,.ending button:hover{background-color:#747e5d;border-color:#d6b875;transform:translateY(-2px)}.choices button:focus-visible,.ending button:focus-visible{outline-offset:4px;outline:2px solid #d6b875}.ending{text-align:center;margin-top:28px}.ending p{color:#d6b875;letter-spacing:.15rem;text-transform:uppercase;font-size:1.2rem}.ending button{text-align:center;margin-top:12px}@keyframes scene-appear{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.story{animation:none}.choices button,.ending button{transition:none}}
