@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700;800;900&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";:root{color-scheme:dark;--void: #0c0b0b;--void-deep: #060505;--iron-hi: #2c2622;--iron-lo: #14100e;--iron-edge: #4a423c;--iron-line: #000000;--bone: #cbb8a6;--bone-bright: #f2e4d2;--ash: #b6a896;--ash-dim: #6a5a4e;--ember: #d23b1e;--ember-soft: #f2c79a;--ember-deep: #7a1f0e;--measure: 64ch;--ease: cubic-bezier(.2, .7, .2, 1);--dur-fast: .16s;--dur: .34s;--dur-slow: .6s}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:EB Garamond,Georgia,serif;background:var(--void);color:var(--ash);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(70% 48% at 50% 108%,rgba(210,59,30,.34),transparent 64%),radial-gradient(46% 30% at 50% 104%,rgba(242,199,154,.22),transparent 70%),radial-gradient(95% 80% at 50% 36%,transparent 46%,rgba(0,0,0,.74) 100%);animation:bonfire 6.5s ease-in-out infinite}@keyframes bonfire{0%,to{opacity:1}38%{opacity:.86}61%{opacity:1.08}82%{opacity:.92}}.embers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.ember{position:absolute;bottom:-14px;border-radius:50%;background:var(--ember);box-shadow:0 0 8px 1px #d23b1ed9,0 0 16px 3px #d23b1e59;animation-name:ember-rise;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}@keyframes ember-rise{0%{transform:translate(0) scale(1);opacity:0}7%{opacity:1}19%{opacity:.45}27%{opacity:1}44%{opacity:.6}56%{opacity:1}73%{opacity:.5}88%{opacity:.85}to{transform:translate(var(--drift, 0),-103vh) scale(.35);opacity:0}}::selection{background:#d23b1e66;color:var(--bone-bright)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--void-deep)}::-webkit-scrollbar-thumb{background:var(--iron-hi);border:3px solid var(--void-deep);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--iron-edge)}main{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-start;padding:clamp(1.1rem,4vw,3.4rem) clamp(.85rem,3vw,2rem);min-height:100vh}main.story-main{align-items:stretch;padding:0 clamp(.7rem,3vw,1.6rem);height:100dvh;min-height:0;overflow:hidden}.panel{position:relative;width:100%;max-width:620px;display:flex;flex-direction:column;gap:1.15rem;padding:clamp(1.5rem,3.6vw,2.7rem);background:linear-gradient(180deg,var(--iron-hi) 0%,var(--iron-lo) 100%);color:var(--ash);border:1px solid var(--iron-line);border-top-color:var(--iron-edge);box-shadow:inset 0 1px #ffffff0d,inset 0 -50px 80px -60px #000,0 36px 64px -34px #000}.panel.story{max-width:940px;background:none;border:none;box-shadow:none;height:100dvh;padding:clamp(.5rem,1.6vw,1rem) 0 clamp(.6rem,1.6vw,1rem);gap:.7rem}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.panel>*{animation:rise var(--dur-slow) var(--ease) both}.panel>*:nth-child(1){animation-delay:.04s}.panel>*:nth-child(2){animation-delay:.11s}.panel>*:nth-child(3){animation-delay:.18s}.panel>*:nth-child(4){animation-delay:.25s}.panel>*:nth-child(5){animation-delay:.32s}.panel>*:nth-child(6){animation-delay:.39s}.panel>*:nth-child(7){animation-delay:.46s}.panel>*:nth-child(n+8){animation-delay:.5s}h1{font-family:Cinzel,Georgia,serif;font-weight:800;font-size:clamp(1.9rem,5.6vw,3rem);line-height:1.08;letter-spacing:.05em;text-transform:uppercase;margin:0;color:var(--bone-bright);text-shadow:0 2px 0 #000,0 0 38px rgba(210,59,30,.3)}h1:after{content:"";display:block;width:4.5rem;height:2px;margin-top:.8rem;background:linear-gradient(90deg,var(--ember),rgba(210,59,30,0))}.hint{margin:0;font-size:1rem;line-height:1.62;color:var(--ash-dim);font-style:italic}label{display:flex;flex-direction:column;gap:.5rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ash-dim);font-weight:600;font-family:Cinzel,serif}input,textarea{background:#0000006b;color:var(--bone);border:1px solid var(--iron-line);border-top-color:var(--iron-edge);border-radius:0;padding:.72rem .8rem;font-family:EB Garamond,Georgia,serif;font-size:1.04rem;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}input::placeholder,textarea::placeholder{color:var(--ash-dim);font-style:italic}input:focus,textarea:focus{outline:none;border-color:var(--ember);box-shadow:0 0 22px -8px #d23b1eb3}button{font-family:EB Garamond,Georgia,serif;font-size:1rem;letter-spacing:.02em;color:var(--bone);background:linear-gradient(180deg,#221d1a,#14100e);border:1px solid var(--iron-line);border-top-color:var(--iron-edge);border-radius:0;padding:.6rem 1.15rem;min-height:44px;cursor:pointer;text-align:center;box-shadow:inset 0 1px #ffffff0a;transition:color var(--dur-fast),background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast),transform var(--dur-fast)}button:hover:not(:disabled){color:var(--bone-bright);background:linear-gradient(180deg,#2c2420,#181311);border-top-color:var(--ember);box-shadow:inset 0 1px #ffffff0f,0 0 30px -12px var(--ember)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.38;cursor:not-allowed}.themes,.choices{display:flex;flex-direction:column;gap:.5rem}.themes button,.choices button{display:flex;flex-direction:column;gap:.24rem;width:100%;text-align:left;font-size:1.06rem;color:var(--bone);padding:.9rem 1.2rem;background:linear-gradient(180deg,#221d1a,#14100e);border:1px solid var(--iron-line);border-top-color:var(--iron-edge);box-shadow:inset 0 1px #ffffff0a}.themes button:hover:not(:disabled),.choices button:hover:not(:disabled){color:var(--bone-bright);background:linear-gradient(180deg,#2c2420,#181311);border-top-color:var(--ember);box-shadow:inset 0 1px #ffffff0f,0 0 34px -14px var(--ember)}.choices button strong{font-family:Cinzel,Georgia,serif;font-weight:700;font-size:1.18rem;letter-spacing:.04em;text-transform:uppercase;color:inherit}.choices button .hint{font-size:.96rem;color:var(--ash-dim);font-style:italic}.choices button:hover:not(:disabled) .hint{color:var(--ash)}.choices button.menu-primary{border-top-color:var(--ember);box-shadow:inset 0 1px #f2c79a2e,0 0 36px -16px var(--ember)}.choices button.menu-primary strong{color:var(--ember-soft)}.choices button.menu-primary:hover:not(:disabled) strong{color:var(--bone-bright)}.link{background:none;border:none;padding:.3rem 0;min-height:0;box-shadow:none;color:var(--ash-dim);align-self:flex-start;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-family:Cinzel,serif}.link:hover:not(:disabled){background:none;border:none;box-shadow:none;color:var(--ember)}.row{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}.row input{flex:1;min-width:12rem}.log{display:flex;flex-direction:column;gap:1.5rem;max-height:56vh;overflow-y:auto;padding-right:.6rem}.turn{display:flex;flex-direction:column;gap:.5rem}.action{margin:0;font-style:italic;color:var(--ember-soft);letter-spacing:.01em}.narrative{margin:0;line-height:1.62;color:var(--ash)}.loading{margin:0;color:var(--ember-soft);font-style:italic;letter-spacing:.02em;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.status{margin:0;font-size:.92rem;letter-spacing:.02em;color:var(--ash)}.status.error{color:var(--ember);font-style:italic}.story-scroll{flex:1;min-height:0;overflow-y:auto;width:100%;max-width:var(--measure);margin:0 auto}.story-scroll .narrative{font-size:clamp(1.04rem,1.5vw,1.18rem);line-height:1.74;margin:0}.story-scroll .narrative:first-letter{font-family:Cinzel,serif;font-weight:900;font-size:3.4em;line-height:.82;float:left;margin:.04em .14em 0 0;color:var(--ember);text-shadow:0 0 30px rgba(210,59,30,.6)}.story-topbar{flex:none;display:flex;align-items:center;gap:.5rem;width:100%;max-width:var(--measure);margin:0 auto;padding-bottom:.6rem;border-bottom:1px solid var(--iron-edge)}.story-title{flex:1;min-width:0;margin:0;font-family:Cinzel,Georgia,serif;font-weight:800;font-size:clamp(1.18rem,3.2vw,1.7rem);line-height:1.16;letter-spacing:.04em;text-transform:uppercase;color:var(--bone-bright);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 0 #000,0 0 34px rgba(210,59,30,.3)}.topbar-ctl{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:0;padding:0;border-radius:0;color:var(--ash);background:linear-gradient(180deg,var(--iron-hi),var(--iron-lo));border:1px solid var(--iron-line);border-top-color:var(--iron-edge);box-shadow:inset 0 1px #ffffff0d}.topbar-ctl:hover:not(:disabled){color:var(--ember-soft);border-top-color:var(--ember);box-shadow:inset 0 1px #ffffff0f,0 0 24px -8px var(--ember);transform:none}.story-image-slot{flex:none;display:flex;align-items:center;justify-content:center;width:100%;max-width:var(--measure);max-height:clamp(130px,26vh,320px);margin:0 auto;overflow:hidden}.story-image{display:block;max-width:100%;max-height:clamp(130px,26vh,320px);object-fit:contain}.story-actions{flex:none;position:relative;display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:var(--measure);margin:0 auto;padding-top:.6rem}.story .choices{gap:.45rem}.story .choices button{font-size:1.02rem;padding:.62rem 1rem}.story-actions>.choices>button{flex-direction:row;align-items:baseline;gap:.7rem}.story-actions>.choices>button:before{content:"◆";flex:none;font-size:.66rem;color:var(--ash-dim);transform:translateY(-.12em)}.story-actions>.choices>button:hover:not(:disabled):before,.story-actions>.choices>button.taken:before{color:var(--ember)}.story-actions:before{content:"";position:absolute;left:0;right:0;top:0;border-top:1px solid var(--iron-edge)}.story-leaving{opacity:0;transition:opacity var(--dur-fast) var(--ease)}.story .choices button.taken,.story .choices button.taken:hover:not(:disabled){color:var(--bone-bright);border-top-color:var(--ember);background:linear-gradient(180deg,#3a2118,#1d100c);box-shadow:inset 0 1px #f2c79a33,0 0 40px -14px var(--ember)}.ending-card{display:flex;flex-direction:column;gap:.7rem;animation:rise var(--dur) var(--ease) both}.ending-kicker{margin:0;font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ember)}.ending-title{margin:0;font-family:Cinzel,Georgia,serif;font-weight:900;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.08;letter-spacing:.04em;text-transform:uppercase;color:var(--bone-bright);text-shadow:0 2px 0 #000,0 0 36px rgba(210,59,30,.32)}.ending-rule{height:2px;width:100%;background:linear-gradient(90deg,rgba(210,59,30,0),var(--ember) 50%,rgba(210,59,30,0))}.ending-stats{display:flex;gap:1.8rem;font-size:.9rem;letter-spacing:.02em;color:var(--ash-dim);font-style:italic}.ending-stats strong{font-family:Cinzel,serif;font-weight:800;font-size:1.6rem;margin-right:.35rem;color:var(--ember);font-style:normal}.kicker{margin:0;font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ember);font-weight:600}.panel.splash{text-align:center;align-items:center;gap:1.3rem}.panel.splash .hint{max-width:44ch}.panel.splash h1:after{display:none}.splash-title{font-family:Cinzel,Georgia,serif;font-weight:900;font-size:clamp(3rem,11vw,5.4rem);line-height:.98;letter-spacing:.08em;text-transform:uppercase;margin:0;color:var(--bone-bright);text-shadow:0 3px 0 #000,0 0 70px rgba(210,59,30,.45)}.gsi-button{display:flex;justify-content:center;min-height:44px}.slab-action{align-self:center;font-family:Cinzel,serif;font-weight:700;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-bright);padding:.9rem 2.1rem;background:linear-gradient(180deg,#2c2420,#16110f);border:1px solid var(--iron-line);border-top-color:var(--ember);box-shadow:inset 0 1px #f2c79a29,0 0 40px -14px var(--ember)}.slab-action:hover:not(:disabled){color:var(--bone-bright);background:linear-gradient(180deg,#3a2a22,#1d1410);border-top-color:var(--ember-soft);box-shadow:inset 0 1px #f2c79a3d,0 0 48px -12px var(--ember)}.menu-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.3rem;padding-top:1rem;border-top:1px solid var(--iron-edge)}.menu-foot .link{align-self:auto}.user-tag{display:flex;align-items:baseline;font-size:.84rem;letter-spacing:.02em;color:var(--ash-dim)}.link-mini{display:inline;margin-left:.9rem;padding:0;font-size:.64rem;vertical-align:baseline}.slot-row{display:flex;gap:.5rem}.slot-row .slot-main{flex:1 1 auto;width:auto}.slot-row .slot-delete{flex:0 0 48px;width:48px;align-self:stretch;flex-direction:row;justify-content:center;padding:0;color:var(--ash-dim)}.slot-row .slot-delete:before{display:none}.slot-row .slot-delete:hover:not(:disabled){color:var(--ember-soft);border-top-color:var(--ember);box-shadow:inset 0 1px #ffffff0f,0 0 30px -12px var(--ember);transform:none}@media(max-width:720px){:root{--measure: 58ch}.panel{padding:clamp(1.3rem,4.5vw,2rem)}}@media(max-height:560px){.story-image-slot,.story-image{max-height:clamp(90px,20vh,180px)}}@media(max-width:560px){.choices button strong{font-size:1.08rem}.story-scroll .narrative:first-letter{font-size:3em}}@media(prefers-reduced-motion:reduce){body:before{animation:none}.panel>*,.loading,.ending-card{animation:none}.embers{display:none}}