:root{--stone:#262d31;--stone-2:#323a3e;--stone-line:#4a5458;--parchment:#ecdfc3;--parchment-deep:#dccaa2;--ink:#2b2118;--ink-soft:#5a4a3a;--torch:#c9953b;--torch-bright:#e8b458;--moss:#4f8a6e;--blood:#a53d31;--bone:#e9e4d8;--serif:"Alegreya", Georgia, serif;--gothic:"Grenze Gotisch", "Alegreya", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--stone);color:var(--bone);font-family:var(--serif);-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.55}.blackletter{font-family:var(--gothic);letter-spacing:.01em;font-weight:500}:focus-visible{outline:2px solid var(--torch-bright);outline-offset:3px}.btn{font:500 1rem/1 var(--serif);cursor:pointer;border:1px solid #0000;border-radius:3px;padding:.8rem 1.4rem}.btn-primary{background:var(--torch);color:var(--ink);border-color:#a4762a}.btn-primary:hover{background:var(--torch-bright)}.btn-ghost{color:inherit;opacity:.8;background:0 0;border-color:currentColor}.btn-ghost:hover{opacity:1}.chip{font:.8rem/1 var(--serif);color:var(--bone);cursor:pointer;background:#14181aa6;border:0;border-radius:999px;padding:.4rem .7rem}.create{max-width:56rem;margin:0 auto;padding:4rem 1rem 5rem}.create-head{max-width:38rem}.create-kicker{color:var(--torch);margin:0;font-style:italic}.create-head h1{color:var(--parchment);margin:.3rem 0 1.2rem;font-size:clamp(3rem,9vw,5.5rem);line-height:.95}.create-intro{color:#cfc6b4;margin:0 0 2.5rem;font-size:1.2rem}.create-form{gap:1.8rem;display:grid}.field{gap:.4rem;max-width:22rem;display:grid}.field span,.profs legend{font-weight:700}.field input{font:1.1rem var(--serif);background:var(--stone-2);color:var(--bone);border:1px solid var(--stone-line);border-radius:3px;padding:.6rem .8rem}.profs{border:0;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;margin:0;padding:0;display:grid}.profs legend{margin-bottom:.6rem}.prof{background:var(--stone-2);border-left:3px solid var(--stone-line);cursor:pointer;gap:.3rem;padding:1rem 1.1rem;display:grid}.prof input{opacity:0;pointer-events:none;position:absolute}.prof strong{font-size:1.2rem}.prof.is-on{border-left-color:var(--torch);background:#3a3f3c}.prof:has(input:focus-visible){outline:2px solid var(--torch-bright)}.prof-blurb{color:#cfc6b4;font-size:.95rem}.prof-stats{color:#b8b0a0;gap:.9rem;font-size:.9rem;display:flex}.prof-stats b{color:var(--parchment)}.prof-tags{color:var(--torch);font-size:.85rem;font-style:italic}.rules{color:#cfc6b4;max-width:38rem}.rules summary{cursor:pointer;color:var(--bone);font-weight:500}.create-form>.btn{justify-self:start;padding:1rem 1.8rem;font-size:1.15rem}.points{border:0;gap:.5rem;max-width:26rem;margin:0;padding:0;display:grid}.points legend{margin-bottom:.4rem;font-weight:700}.points-left{color:var(--moss);margin-left:.5rem;font-style:italic;font-weight:400}.points-left.is-off{color:var(--torch-bright)}.stepper{grid-template-columns:1fr 2.4rem 3rem 2.4rem;align-items:center;gap:.3rem;display:grid}.stepper-name{font-size:1.1rem}.stepper button{height:2.4rem;font:700 1.2rem var(--serif);color:var(--bone);background:var(--stone-2);border:1px solid var(--stone-line);cursor:pointer;border-radius:3px}.stepper button:disabled{opacity:.35;cursor:default}.stepper output{text-align:center;color:var(--parchment);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.points-help{color:#b8b0a0;margin:.2rem 0 0;font-size:.9rem}.stories{border:0;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.stories legend{margin-bottom:.5rem;font-weight:700}.story-pick{background:var(--stone-2);border-left:3px solid var(--stone-line);cursor:pointer;padding:.5rem .9rem}.story-pick input{opacity:0;position:absolute}.story-pick.is-on{border-left-color:var(--torch)}.story-pick:has(input:focus-visible){outline:2px solid var(--torch-bright)}.form-error{color:#e58a7e;margin:0}.notice{border-left:3px solid var(--torch);background:var(--stone-2);max-width:38rem;padding:.8rem 1rem}.loading{text-align:center;color:#b8b0a0;padding:4rem 1rem;font-style:italic}.btn:disabled{opacity:.45;cursor:default}.game{grid-template-columns:minmax(0,1fr) 19rem;align-items:start;gap:2rem;max-width:76rem;margin:0 auto;padding:1.5rem 1rem 4rem;display:grid}.game-main{gap:0;display:grid}.stage{aspect-ratio:16/9;background:#151a1c;border-radius:4px 4px 0 0;margin:0;position:relative;overflow:hidden}.stage video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage-title{color:var(--parchment);text-shadow:0 2px 18px #000c;margin:0;font-size:clamp(1.8rem,4.5vw,3rem);position:absolute;bottom:.8rem;left:1.2rem}.stage-controls{gap:.4rem;display:flex;position:absolute;top:.7rem;right:.7rem}.ambient{background:var(--sky);position:absolute;inset:0}.mood-night{--sky:radial-gradient(ellipse at 70% 20%, #3b4a63 0%, #1b2231 45%, #0f1319 100%);--glow:#9fb6d8}.mood-fire{--sky:radial-gradient(ellipse at 45% 95%, #b8612a 0%, #5a2a18 35%, #1c1413 80%);--glow:#f2a24a}.mood-forest{--sky:radial-gradient(ellipse at 30% 30%, #34503d 0%, #1b2a21 50%, #0e1611 100%);--glow:#b7d59b}.mood-cave{--sky:radial-gradient(ellipse at 50% 50%, #2c2a2f 0%, #141316 70%);--glow:#8f8a99}.mood-crypt{--sky:radial-gradient(ellipse at 50% 70%, #2f6b4b 0%, #173226 35%, #0d1612 85%);--glow:#7ef0a8}.mood-dawn{--sky:linear-gradient(180deg, #5c6f94 0%, #c98e6e 55%, #e9c38a 100%);--glow:#fff0cf}.fog{background:radial-gradient(#ffffff1a,#0000 60%);animation:26s ease-in-out infinite alternate drift;position:absolute;inset:-20%}.fog-b{opacity:.7;animation-duration:38s;animation-direction:alternate-reverse}@keyframes drift{0%{transform:translate(-12%,6%)scale(1.1)}to{transform:translate(12%,-4%)scale(1.3)}}.embers{background-image:radial-gradient(circle, var(--glow) 0 1px, transparent 2px), radial-gradient(circle, var(--glow) 0 1px, transparent 2px);opacity:.35;background-position:0 0,40px 60px;background-size:140px 180px,90px 130px;animation:18s linear infinite rise;position:absolute;inset:0}@keyframes rise{to{background-position:0 -540px,40px -330px}}.page{background:var(--parchment);color:var(--ink);border-radius:0 0 4px 4px;padding:2rem clamp(1.2rem,4vw,3rem) 2.5rem;box-shadow:inset 0 0 60px #785a2840}.page:focus{outline:none}.narration{max-width:38rem;font-size:1.15rem;line-height:1.65}.para{margin:0 0 1rem;animation:.9s ease-out both ink-in}.para:first-child:first-letter{font-family:var(--gothic);float:left;color:#7a2a20;padding:.05em .1em 0 0;font-size:3.4em;line-height:.85}@keyframes ink-in{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:none}}.hint{color:var(--ink-soft);font-size:.9rem;font-style:italic}.choices{border-top:1px solid #c4ae82;gap:.5rem;max-width:38rem;margin:1.5rem 0 0;padding:1.2rem 0 0;list-style:none;display:grid}.choice{width:100%;font:500 1.08rem var(--serif);text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #b89e6c;border-radius:3px;justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 1rem;display:flex}.choice:hover{background:var(--parchment-deep);border-color:var(--ink-soft)}.choice-risk{color:var(--ink-soft);white-space:nowrap;font-size:.85rem;font-style:italic}.dice{background:var(--stone);color:var(--bone);border-radius:4px;max-width:38rem;margin-top:1.5rem;padding:1.4rem}.dice-choice{color:#cfc6b4;margin:0 0 1rem;font-style:italic}.dice-body{align-items:center;gap:1.4rem;display:flex}.d6-pair{flex:none;gap:.6rem;display:flex}.d6{width:4.2rem;height:4.2rem}.d6 rect{fill:var(--parchment);stroke:var(--torch);stroke-width:3px}.d6 circle{fill:var(--ink)}.d6.is-rolling{animation:.32s linear infinite tumble}.d6.is-rolling+.d6.is-rolling{animation-duration:.41s;animation-direction:reverse}@keyframes tumble{0%{transform:rotate(0)translateY(0)}50%{transform:rotate(180deg)translateY(-6px)}to{transform:rotate(360deg)translateY(0)}}.success .d6 rect{stroke:var(--moss)}.failure .d6 rect{stroke:var(--blood)}.dice-math p{margin:0}.equation{font-size:1.15rem}.equation b{color:var(--parchment);font-size:1.5rem}.vs{color:#b8b0a0}.chance{color:var(--torch);font-style:italic;margin-top:.3rem!important}.verdict{font-family:var(--gothic);font-size:1.8rem;margin-top:.2rem!important}.success .verdict{color:#9fd3b7}.failure .verdict{color:#e58a7e}.dice-outcome{margin:1.2rem 0 0;font-size:1.1rem;line-height:1.6}.dice-damage{color:#e58a7e;margin:.4rem 0 0}.dice-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.3rem;display:flex}.dice .btn-ghost{color:var(--bone)}.ending-mark{font-family:var(--gothic);margin:0 0 .8rem;font-size:1.6rem}.ending-victory{color:#2f6b4b}.ending-bittersweet{color:#8a5a1a}.ending-defeat{color:#7a2a20}.ending-actions{margin-top:1.5rem}.sheet{gap:1.2rem;font-size:.95rem;display:grid;position:sticky;top:1.5rem}.sheet-head h2{font-family:var(--gothic);color:var(--parchment);margin:0;font-size:2rem;font-weight:500;line-height:1.1}.sheet-head p{color:#b8b0a0;margin:.2rem 0 0;font-style:italic}.attrs{border:1px solid var(--stone-line);grid-template-columns:repeat(3,1fr);margin:0;display:grid}.attrs div{text-align:center;padding:.6rem .4rem}.attrs div+div{border-left:1px solid var(--stone-line)}.attrs dt{color:#b8b0a0;font-size:.85rem}.attrs dd{color:var(--parchment);margin:0;font-size:1.6rem;font-weight:700}.meter{gap:.4rem;display:grid}.meter b{color:var(--parchment);font-size:1.1rem}.notches{gap:3px;display:flex}.notches i{background:var(--stone-2);border:1px solid var(--stone-line);flex:1;height:10px}.notches i.on{background:var(--moss);border-color:var(--moss)}.meter.is-low .notches i.on{background:var(--blood);border-color:var(--blood)}.journal summary{cursor:pointer;font-weight:500}.journal ol{gap:.6rem;max-height:22rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid;overflow:auto}.journal li{border-left:2px solid var(--stone-line);padding-left:.7rem;display:grid}.j-scene{color:#948c7e;font-size:.8rem}.j-roll{font-variant-numeric:tabular-nums;font-size:.85rem}.j-roll.ok{color:#9fd3b7}.j-roll.ko{color:#e58a7e}.sheet-quit{justify-self:start;padding:.5rem .9rem;font-size:.85rem}@media (width<=860px){.game{grid-template-columns:1fr;gap:1.5rem;padding:0 0 3rem}.stage,.page{border-radius:0}.sheet{order:2;padding:0 1rem;position:static}.dice-body{flex-direction:column;align-items:flex-start;gap:1rem}.d6{width:3.4rem;height:3.4rem}}@media (prefers-reduced-motion:reduce){.fog,.embers,.para,.d6.is-rolling{animation:none}}.gained{background:var(--parchment-deep);border-left:3px solid #7a2a20;max-width:38rem;margin:0 0 1.2rem;padding:.7rem 1rem;animation:.6s ease-out both ink-in}.gained-title{font-family:var(--gothic);color:#7a2a20;font-size:1.25rem}.gained ul{margin:.2rem 0 0;padding-left:1.1rem}.gained li{margin:.15rem 0}.knowledge h3{color:var(--parchment);margin:0 0 .4rem;font-size:1rem;font-weight:700}.knowledge ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.knowledge li{border-left:2px solid var(--stone-line);padding-left:.7rem;line-height:1.35}.knowledge li.is-new{border-left-color:var(--torch);color:var(--parchment)}.knowledge-empty{color:#948c7e;margin:0;font-style:italic}@media (prefers-reduced-motion:reduce){.gained{animation:none}}.ending-continued{color:#5a4a3a}.note{background:#f6eedb;border:1px solid #c4ae82;max-width:34rem;margin:1.8rem 0 0;padding:1.4rem 1.6rem 1.2rem;font-style:italic;line-height:1.6;box-shadow:0 1px #c4ae82,4px 6px 0 -1px #5a4a3a2e}.note p{margin:0 0 .8rem}.note p:last-child{margin-bottom:0}.note-from{font-family:var(--gothic);color:#7a2a20;font-size:1.3rem;font-style:normal}.btn-on-page{color:var(--ink-soft);border-color:#b89e6c}.field-help{color:#b8b0a0;font-size:.9rem;font-weight:400!important}.player-code h3{color:var(--parchment);margin:0;font-size:1rem;font-weight:700}.code-value{letter-spacing:.06em;color:var(--torch-bright);font-variant-numeric:tabular-nums;margin:.2rem 0;font-size:1.5rem;font-weight:700}.code-help{color:#b8b0a0;margin:0;font-size:.85rem}.note-code{border-top:1px solid #c4ae82;padding-top:.7rem;font-style:normal}.note-code b{letter-spacing:.05em}.code-entry{max-width:38rem;margin:0 0 2rem}.code-entry summary{cursor:pointer;color:var(--torch-bright)}.code-entry form{flex-wrap:wrap;align-items:end;gap:.8rem;margin-top:.8rem;display:flex}.code-entry .form-error{flex-basis:100%}.action-error{z-index:20;color:#f2c4bc;border-left:3px solid var(--blood);background:#3e2a28;border-radius:3px;align-items:center;gap:1rem;max-width:calc(100% - 2rem);margin:0;padding:.7rem 1rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.action-error button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:1rem}.choice:disabled{opacity:.6;cursor:progress}