:root{--paper:#efe7d3;--paper-panel:#f6efdd;--paper-sunk:#e7ddc2;--ink:#211d18;--ink-soft:#5c5142;--ink-faint:#8c7f68;--brass:#a9791c;--brass-bright:#c69749;--oxblood:#8a2f2a;--oxblood-soft:#a8443b;--rule:#cdbf9f;--rule-soft:#ddd2b6;--radius:5px;--shadow:0 16px 40px -18px #34260c73;--shadow-lift:0 6px 18px -10px #34260c80;--font-display:"IM Fell English SC", "Palatino Linotype", Georgia, serif;--font-body:"EB Garamond", Georgia, "Times New Roman", serif;--font-type:"Special Elite", "Courier New", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink);background-color:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#17130f;--paper-panel:#201a14;--paper-sunk:#120e0a;--ink:#ecdfc4;--ink-soft:#b6a684;--ink-faint:#877a5e;--brass:#d4a84f;--brass-bright:#e6c179;--oxblood:#cd6a60;--oxblood-soft:#db8074;--rule:#3a3025;--rule-soft:#2c241b;--shadow:0 18px 44px -18px #000000b3;--shadow-lift:0 8px 22px -12px #000000b3}}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;font-family:var(--font-body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(140% 90% at 50% -20%,#fffbf08c,#0000 55%),radial-gradient(130% 120% at 50% 120%,#462e1024,#0000 55%);background-attachment:fixed;font-size:1.125rem;line-height:1.65}body:before{content:"";z-index:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;font-weight:400;line-height:1.15}a{color:var(--brass);text-underline-offset:3px}::selection{background:var(--brass);color:var(--paper-panel)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-container{max-width:44rem;margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem) 1.25rem 4rem}.masthead{text-align:center;margin-bottom:2.75rem}.masthead .eyebrow{font-family:var(--font-type);letter-spacing:.34em;text-transform:uppercase;color:var(--brass);margin-bottom:1rem;font-size:.72rem}.masthead h1{letter-spacing:.02em;color:var(--ink);text-shadow:0 1px #fffaeb66;font-size:clamp(2.6rem,8vw,4.25rem)}.masthead .tagline{max-width:30rem;color:var(--ink-soft);margin:.85rem auto 0;font-size:1.15rem;font-style:italic}.ornament{color:var(--brass);justify-content:center;align-items:center;gap:1rem;max-width:20rem;margin:1.4rem auto 0;display:flex}.ornament:before,.ornament:after{content:"";background:linear-gradient(to right, transparent, var(--rule));flex:1;height:1px}.ornament:after{background:linear-gradient(to left, transparent, var(--rule))}.ornament span{font-size:1.1rem;line-height:1}.site-footer{text-align:center;font-family:var(--font-type);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin-top:3.5rem;font-size:.72rem}button{cursor:pointer;font-family:var(--font-type);letter-spacing:.12em;text-transform:uppercase;color:var(--paper-panel);background:var(--ink);border:1px solid var(--ink);border-radius:var(--radius);padding:.7rem 1.4rem;font-size:.82rem;transition:transform .15s,background-color .2s,color .2s}button:hover{background:var(--brass);border-color:var(--brass);color:var(--ink)}button:active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.theme-input-container{background:var(--paper-panel);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:clamp(1.75rem,5vw,3rem);position:relative}.theme-input-container:after{content:"";border:1px solid var(--rule-soft);border-radius:calc(var(--radius) - 2px);pointer-events:none;position:absolute;inset:8px}.theme-input-container h2{color:var(--ink);font-size:1.9rem}.theme-input-container>p{color:var(--ink-soft);max-width:26rem;margin:.5rem auto 1.75rem;font-style:italic}.input-group{margin-bottom:1.25rem}.input-group input{width:100%;font-family:var(--font-body);text-align:center;color:var(--ink);border:none;border-bottom:2px solid var(--rule);background:0 0;padding:.6rem .5rem;font-size:1.35rem;transition:border-color .2s}.input-group input::placeholder{color:var(--ink-faint);font-style:italic}.input-group input:focus{border-bottom-color:var(--brass);outline:none}.input-group input.error{border-bottom-color:var(--oxblood)}.error-text{color:var(--oxblood);font-family:var(--font-type);letter-spacing:.04em;margin-top:.6rem;font-size:.78rem}.generate-btn{margin-top:.5rem;padding:.85rem 2rem;font-size:.9rem}.examples{border-top:1px solid var(--rule-soft);margin-top:2.25rem;padding-top:1.5rem}.examples h3{font-family:var(--font-type);letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.9rem;font-size:.68rem}.example-list{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.example-chip{font-family:var(--font-type);letter-spacing:.06em;text-transform:none;color:var(--ink-soft);border:1px dashed var(--rule);background:0 0;border-radius:100px;padding:.35rem .85rem;font-size:.78rem}.example-chip:hover{color:var(--ink);background:var(--paper-sunk);border-color:var(--brass);border-style:solid}.loading-container{background:var(--paper-panel);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:clamp(2rem,6vw,3.5rem);display:flex;position:relative}.loading-container h2{margin-bottom:2rem;font-size:1.7rem}.loading-animation{margin:.5rem auto 1.75rem}.spinner{border:2px solid var(--rule);border-top-color:var(--brass);border-right-color:var(--brass);border-radius:50%;width:58px;height:58px;animation:1.1s cubic-bezier(.6,.1,.4,.9) infinite spin;position:relative}.spinner:after{content:"❦";color:var(--brass);place-items:center;font-size:1.1rem;animation:1.6s ease-in-out infinite pulse;display:grid;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.loading-info{font-family:var(--font-type);letter-spacing:.05em;color:var(--ink-soft);font-size:.82rem}.loading-info:after{content:"▌";margin-left:1px;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.story-loader,.story-generator{position:relative}.story-game{background:var(--paper-panel);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.75rem,5vw,3.25rem);animation:.5s both rise;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.story-header{text-align:center;margin-bottom:2rem}.story-cover{border:1px solid var(--rule);background:var(--paper);width:100%;max-width:22rem;box-shadow:var(--shadow-lift);border-radius:3px;margin:0 auto 1.5rem;padding:6px;display:block}.story-header h2{color:var(--ink);font-size:clamp(1.8rem,5vw,2.5rem)}.section-label{font-family:var(--font-type);letter-spacing:.28em;text-transform:uppercase;color:var(--brass);justify-content:center;align-items:center;gap:.9rem;margin:0 auto 1.5rem;font-size:.72rem;display:flex}.section-label:before,.section-label:after{content:"";background:var(--rule);width:clamp(1.5rem,12%,4rem);height:1px}.story-content{margin-bottom:1rem}.story-node p{color:var(--ink);margin-bottom:1.5rem;font-size:1.24rem;line-height:1.75}.story-node>p:first-of-type:first-letter{font-family:var(--font-display);float:left;color:var(--oxblood);padding:.35rem .55rem 0 0;font-size:3.9rem;line-height:.72}.story-options h3{font-family:var(--font-type);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);text-align:center;margin:1.75rem 0 1.25rem;font-size:.74rem}.options-list{flex-direction:column;gap:.75rem;display:flex}.option-btn{text-align:left;text-transform:none;letter-spacing:0;font-family:var(--font-body);color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);align-items:baseline;gap:.75rem;padding:1rem 1.15rem;font-size:1.18rem;transition:transform .16s,border-color .2s,background-color .2s;display:flex;position:relative}.option-btn:before{content:"❧";color:var(--brass);font-size:1rem;transition:transform .16s;transform:translateY(1px)}.option-btn .turn-to{font-family:var(--font-type);letter-spacing:.08em;color:var(--ink-faint);white-space:nowrap;align-self:center;margin-left:auto;font-size:.7rem}.option-btn:hover{background:var(--paper-panel);border-color:var(--brass);transform:translate(3px)}.option-btn:hover:before{transform:translate(2px)translateY(1px)}.option-btn:hover .turn-to{color:var(--brass)}.story-ending{text-align:center;margin-top:1rem;padding:2rem 1rem .5rem}.ending-stamp{border:2px double var(--oxblood);width:8.5rem;height:8.5rem;color:var(--oxblood);font-family:var(--font-display);letter-spacing:.06em;box-shadow:inset 0 0 0 6px var(--paper-panel), inset 0 0 0 7px var(--oxblood);opacity:.92;border-radius:50%;place-items:center;margin:0 auto 1.25rem;font-size:1.5rem;line-height:1.1;display:inline-grid;transform:rotate(-7deg)}.story-ending.is-win .ending-stamp{border-color:var(--brass);color:var(--brass);box-shadow:inset 0 0 0 6px var(--paper-panel), inset 0 0 0 7px var(--brass)}.story-ending h3{color:var(--oxblood);margin-bottom:.5rem;font-size:1.8rem}.story-ending.is-win h3{color:var(--brass)}.ending-message{color:var(--ink-soft);font-style:italic}.story-controls{border-top:1px solid var(--rule-soft);flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.reset-btn,.new-story-btn{color:var(--ink-soft);border:1px solid var(--rule);background:0 0}.reset-btn:hover,.new-story-btn:hover{color:var(--ink);border-color:var(--brass);background:0 0}.error-message{background:var(--paper-panel);border:1px solid var(--oxblood);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:clamp(1.75rem,5vw,2.5rem);position:relative}.error-message h2{color:var(--oxblood);margin-bottom:.75rem}.error-message p{color:var(--ink-soft);margin-bottom:1.5rem}.error-message button{border-color:var(--oxblood);background:var(--oxblood);color:var(--paper-panel)}.error-message button:hover{background:var(--oxblood-soft);border-color:var(--oxblood-soft)}@media (width<=480px){.story-node>p:first-of-type:first-letter{font-size:3.1rem}.option-btn .turn-to{display:none}.ending-stamp{width:7rem;height:7rem;font-size:1.25rem}}