:root{color-scheme:dark;--bg:#171c19;--paper:#eee8d9;--muted:#a5ab9b;--gold:#c8ae7c;--line:rgba(207,202,177,.19)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.novel{display:grid;grid-template-columns:50% 50%;min-height:100svh}.scene{position:sticky;top:0;height:100svh;overflow:hidden;background:#292b24}.scene img{height:100%;width:100%;object-fit:cover;object-position:center;transition:opacity .25s ease}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42),transparent 28%,transparent 60%,rgba(0,0,0,.62));pointer-events:none}.brand{position:absolute;top:39px;left:42px;display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:3px;color:#f7efdf}.brand-mark{font-size:32px;line-height:1;color:#dec69c}.brand-sub{display:block;margin-top:8px;font-size:7px;letter-spacing:1.9px;opacity:.8}.image-caption{position:absolute;bottom:34px;left:42px;right:42px;display:flex;gap:20px;align-items:center;font-size:11px;color:#e4ddce;letter-spacing:.6px}.caption-line{height:1px;background:#eee4ce66;flex:1}.reading{padding:35px clamp(28px,4.4vw,88px) 25px;display:flex;flex-direction:column;min-height:100svh;background:radial-gradient(ellipse at 100% 15%,#242c24 0%,var(--bg) 70%)}.topbar,footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:8px;letter-spacing:2px;color:var(--muted)}.quiet{border:0;background:none;padding:9px 0;color:var(--muted);font-size:11px}.quiet:hover{color:var(--paper)}.quiet span{padding-left:5px}.story-wrap{width:100%;max-width:460px;margin:auto;padding:48px 0 38px}.chapter{color:var(--gold);font-size:9px;letter-spacing:2.4px;line-height:1.6;margin:0 0 22px}h1{font:normal clamp(35px,3.9vw,62px)/1.07 Georgia,'Times New Roman',serif;letter-spacing:-1.6px;margin:0;max-width:450px}.ornament{display:flex;align-items:center;gap:13px;width:96px;margin:27px 0;color:var(--gold);font-size:12px}.ornament span{height:1px;flex:1;background:var(--line)}.prose{font:16px/1.75 Georgia,'Times New Roman',serif;color:#d3d5c8}.prose p{margin:0 0 13px}.prose p:last-child{margin-bottom:0}.choice-label{font-size:9px;letter-spacing:2px;color:var(--muted);margin:30px 0 13px}.choices{display:grid;gap:9px}.choice{display:flex;width:100%;align-items:center;text-align:left;gap:14px;padding:17px 18px;background:rgba(255,255,255,.015);border:1px solid var(--line);border-radius:3px;color:var(--paper);transition:background .2s,border-color .2s,transform .2s}.choice:hover{background:#c8ae7c10;border-color:#c8ae7c99;transform:translateX(3px)}.choice-key{color:var(--gold);font:italic 14px Georgia,serif;min-width:14px}.choice-text{font-size:13px;line-height:1.4}.choice-arrow{margin-left:auto;color:var(--gold);font-size:16px}.story-tools{margin-top:18px;display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:30px}.back[hidden]{display:none}#pathHint{font-size:10px;color:#858e7f;line-height:1.4}.story-tools:has(.back[hidden]) #pathHint{margin:0}.story-tools .back:not([hidden])+#pathHint{text-align:right;font-size:9px}footer{border-top:1px solid var(--line);padding-top:17px;font-size:10px;color:var(--muted)}.endings{display:flex;gap:13px;align-items:center}.dots{display:flex;gap:6px}.dot{width:5px;height:5px;border:1px solid #83917c;border-radius:100%;display:inline-block}.dot.found{background:var(--gold);border-color:var(--gold)}#story:focus{outline:none}.enter{animation:enter .45s ease both}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}dialog{max-width:430px;width:calc(100% - 36px);background:#232c24;color:var(--paper);border:1px solid #a89a7055;padding:43px 32px 30px;border-radius:6px;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#080d0bcc;backdrop-filter:blur(5px)}dialog h2{font:32px/1.15 Georgia,serif;margin:0 0 25px}dialog p:not(.chapter){color:#ccd0c3;font:15px/1.7 Georgia,serif}.close{position:absolute;right:17px;top:11px;border:0;background:none;color:var(--muted);font-size:26px}.help-go{width:100%;padding:15px;margin-top:15px;background:var(--gold);color:#1e241c;border:0;border-radius:2px;font-size:13px}@media(min-width:1500px){.novel{grid-template-columns:53% 47%}.story-wrap{max-width:490px}}@media(max-width:760px){.novel{display:block}.scene{position:relative;height:43svh;min-height:260px;max-height:440px}.scene img{object-position:center 51%}.brand{top:24px;left:25px;font-size:10px}.brand-mark{font-size:26px}.brand-sub{font-size:6px}.image-caption{bottom:22px;left:25px;right:25px;font-size:9px}.reading{padding:20px 25px 22px;min-height:auto}.eyebrow{font-size:7px;letter-spacing:1.7px}.story-wrap{max-width:100%;padding:25px 0 20px}.chapter{font-size:8px;margin-bottom:16px}h1{font-size:42px;max-width:330px}.ornament{margin:20px 0}.prose{font-size:16px;line-height:1.7}.choice-label{margin-top:24px}.choice{padding:17px 15px;min-height:54px}.choice-text{font-size:13px}footer{padding-top:13px}.story-tools{margin-top:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.choice:hover{transform:none}}

.topbar-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.home-link{text-decoration:none;color:var(--gold);white-space:nowrap}.home-link:hover{text-decoration:underline}@media(max-width:440px){.topbar{flex-wrap:wrap;row-gap:4px}.topbar-actions{width:100%;justify-content:space-between}.home-link{font-size:12px}}

.language-switch{display:flex;align-items:center;gap:3px}.language-link{color:var(--muted);font:11px Arial,sans-serif;text-decoration:none;padding:6px 7px;border:1px solid transparent;border-radius:3px}.language-link[aria-current="page"]{color:var(--gold);border-color:var(--line)}.language-link:hover{color:var(--paper)}.language-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.topbar{flex-wrap:wrap;row-gap:6px}.topbar-actions{width:100%;justify-content:space-between;gap:12px}.brand-sub{max-width:280px;line-height:1.5}.story-tools{flex-wrap:wrap;row-gap:4px}html[lang="de"] h1{font-size:clamp(33px,3.5vw,53px);letter-spacing:-1.1px}html[lang="de"] .chapter{letter-spacing:1.8px}html[lang="de"] #helpTitle{font-size:30px}@media(max-width:760px){html[lang="de"] h1{font-size:38px}}@media(min-width:1200px){.topbar-actions{width:auto}.topbar{column-gap:18px}}