*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:root{--bg:#0c0a09;--bg-panel:#181512;--border:#2a241f;--text:#ddd5c8;--text-dim:#908472;--accent:#d4a359;--accent-dim:#8b6531;--color-koerper:#c0392b;--color-geist:#2980b9;--color-seele:#8e44ad;--color-schatten:#f39c12;--font-body:Georgia, "Times New Roman", serif;--font-ui:"Outfit", sans-serif;--font-sans:"Inter", sans-serif;--left-pane-width:calc(100vw * 1.6 / 2.6)}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);font-size:18px;line-height:1.75;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#352e27;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.stat-icon{vertical-align:-.18em;color:currentColor;fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0000008c);flex-shrink:0;width:1.15em;height:1.15em;margin-right:.45rem;display:inline-block}.stat-icon path,.stat-icon circle{vector-effect:non-scaling-stroke}#app{flex-direction:column;width:100vw;height:100vh;display:flex}#story-layout{grid-template-columns:1.6fr 1fr;width:100%;height:100%;display:none}@media (width<=960px){:root{--left-pane-width:100vw}#story-layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}#left-pane{border-bottom:2px solid var(--border);border-right:none!important;height:220px!important}}#left-pane{border-right:2px solid var(--border);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;position:relative;overflow:hidden}#left-pane-overlay{z-index:1;background:linear-gradient(#08060500 58%,#080605f5 100%),linear-gradient(90deg,#08060500 60%,#080605a6 100%),linear-gradient(#08060580 0%,#0000 15%);position:absolute;inset:0}#left-pane-content{z-index:3;pointer-events:none;flex-direction:column;padding:0;display:flex;position:absolute;inset:0}#hud-strip{pointer-events:auto;background:linear-gradient(#080605d9 0%,#080605fa 100%);border-top:1px solid #2a241f80;justify-content:space-between;align-items:center;gap:.8rem;margin-top:auto;padding:.75rem 1.35rem .9rem;display:flex}#hud-title{flex-direction:column;flex-shrink:0;display:flex}#hud-title-name{font-family:var(--font-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--text);text-shadow:0 1px 4px #000000e6;white-space:nowrap;font-size:.85rem;font-weight:700}#hud-title-phase{font-family:var(--font-ui);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:500}#hud-stat-pips{flex:1;justify-content:center;align-items:center;gap:clamp(.45rem,1vw,1rem);min-width:0;display:flex}.hud-pip-group{cursor:pointer;flex-direction:column;align-items:center;gap:3px;display:flex}.hud-pip-group:hover .hud-pip-label{opacity:1}.hud-pip-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;opacity:.65;white-space:nowrap;font-size:.54rem;font-weight:700;transition:opacity .15s}.hud-pip-dots{gap:3px;display:flex}.hud-pip{background:#ffffff1f;border:1px solid #ffffff26;border-radius:50%;width:6px;height:6px;transition:background .2s}.hud-pip.lit{border-color:#0000}#hud-pip-koerper .hud-pip-label{color:var(--color-koerper)}#hud-pip-geist .hud-pip-label{color:var(--color-geist)}#hud-pip-seele .hud-pip-label{color:var(--color-seele)}#hud-pip-schatten .hud-pip-label{color:var(--color-schatten)}#hud-pip-koerper .hud-pip.lit{background:var(--color-koerper)}#hud-pip-geist .hud-pip.lit{background:var(--color-geist)}#hud-pip-seele .hud-pip.lit{background:var(--color-seele)}#hud-pip-schatten .hud-pip.lit{background:var(--color-schatten)}#hud-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}#hud-clues{align-items:center;gap:.25rem;max-width:10rem;display:flex;overflow:hidden}.hud-action-btn{color:var(--text-dim);font-family:var(--font-ui);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0a;border:1px solid #2a241fb3;border-radius:3px;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;padding:0;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.hud-action-btn:hover{color:var(--accent);border-color:var(--accent-dim);background:#d4a3590f}#stats-modal-overlay{width:var(--left-pane-width);z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#080605b3;justify-content:flex-start;align-items:flex-end;transition:opacity .25s;display:flex;position:fixed;inset:0 auto 0 0}#stats-modal-overlay.open{opacity:1;pointer-events:all}#stats-modal{background:#0e0b09f7;border:1px solid #2a241fcc;border-bottom:none;border-radius:6px 6px 0 0;width:min(560px,100vw - 24px);max-width:100%;max-height:calc(100dvh - 24px);padding:1.4rem 1.6rem 1.2rem;transition:transform .25s cubic-bezier(.34,1.2,.64,1);overflow-y:auto;transform:translateY(16px);box-shadow:0 -8px 32px #0009}#stats-modal-overlay.open #stats-modal{transform:translateY(0)}.stats-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.stats-modal-title{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.7rem;font-weight:700}#stats-modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1.1rem;line-height:1;transition:color .15s}#stats-modal-close:hover{color:var(--text)}.modal-synth-btn{color:#b07adb;cursor:pointer;background:#8e44ad1a;border:1px solid #8e44ad66;border-radius:4px;width:32px;height:32px;font-size:1.1rem;font-weight:600;transition:all .2s}.modal-synth-btn:hover:not(:disabled){background:#8e44ad40;transform:scale(1.05)}.modal-synth-btn:disabled{opacity:.25;cursor:not-allowed}.modal-stat-skills{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:4px 0 12px;display:flex}.modal-stat-skills:empty{display:none}.modal-skill-row{grid-template-columns:minmax(96px,120px) minmax(72px,1fr) minmax(56px,auto) 28px;align-items:center;gap:8px;min-width:0;padding:3px 0;font-size:.82rem;display:grid}.modal-skill-name{color:var(--text-dim);font-family:var(--font-ui);overflow-wrap:anywhere;min-width:0}.modal-skill-pips{flex-wrap:wrap;gap:3px;min-width:0;display:flex}.modal-skill-pip{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:2px;width:12px;height:12px;transition:background .3s,border .3s}.modal-skill-pip.lit{background:var(--accent);border-color:var(--accent);box-shadow:0 0 4px #d4a35966}.modal-skill-xp{font-family:var(--font-ui);color:var(--text-dim);text-align:right;font-size:.72rem}.modal-skill-upgrade{border:1px solid var(--accent-dim);width:26px;height:26px;color:var(--accent);cursor:pointer;background:#d4a3591a;border-radius:3px;font-size:.9rem;font-weight:600;transition:all .2s}.modal-skill-upgrade:hover:not(:disabled){background:#d4a35940}.modal-skill-upgrade:disabled{opacity:.3;cursor:not-allowed}.chargen-skills{border:1px solid var(--border);background:#14110e99;border-radius:4px;flex-shrink:0;max-width:1100px;margin:1rem auto 0;padding:14px 20px}.chargen-skills-heading{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--text);margin-bottom:4px;font-size:.85rem}.chargen-skills-sub{color:var(--text-dim);margin-bottom:12px;font-size:.78rem}.chargen-skills-sub code{color:var(--accent);background:#d4a3591a;border-radius:3px;padding:1px 5px;font-family:SF Mono,Menlo,monospace}.chargen-skills-list{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.chargen-skills-group{min-width:0}.chargen-skills-title{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:4px;font-size:.72rem}.chargen-skills-items{flex-direction:column;gap:2px;list-style:none;display:flex}.chargen-skill-item{color:var(--text);justify-content:space-between;padding:2px 0;font-size:.78rem;display:flex}.chargen-skill-value{color:var(--accent);font-family:var(--font-ui);font-weight:600}.modal-stat-row{border-bottom:1px solid #2a241f4d;align-items:center;gap:.9rem;padding:.55rem 0;display:flex}.modal-stat-row:last-of-type{border-bottom:none}.modal-stat-name{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;min-width:70px;font-size:.78rem;font-weight:700}.modal-stat-bar-wrap{background:#ffffff0f;border-radius:3px;flex:1;height:5px;overflow:hidden}.modal-stat-bar-fill{border-radius:3px;height:100%;transition:width .4s}.modal-stat-val{font-family:var(--font-ui);font-variant-numeric:tabular-nums;text-align:right;min-width:1.4rem;color:var(--accent);font-size:.85rem;font-weight:700}.modal-stat-sub{font-family:var(--font-sans);color:var(--text-dim);letter-spacing:.04em;margin-top:1px;font-size:.58rem;display:block}.modal-stat-xp{font-family:var(--font-ui);color:var(--accent-dim);letter-spacing:.06em;text-transform:uppercase;margin-top:.2rem;font-size:.58rem;display:block}.modal-stat-upgrade{width:1.45rem;height:1.45rem;color:var(--accent);font-family:var(--font-ui);cursor:pointer;background:#d4a3590f;border:1px solid #d4a35959;border-radius:3px;flex:none;font-size:.85rem;font-weight:700;line-height:1}.modal-stat-upgrade:disabled{opacity:.25;cursor:not-allowed;border-color:var(--border);color:var(--text-dim);background:#ffffff05}#modal-stat-koerper .modal-stat-name{color:var(--color-koerper)}#modal-stat-koerper .modal-stat-bar-fill{background:var(--color-koerper)}#modal-stat-geist .modal-stat-name{color:var(--color-geist)}#modal-stat-geist .modal-stat-bar-fill{background:var(--color-geist)}#modal-stat-seele .modal-stat-name{color:var(--color-seele)}#modal-stat-seele .modal-stat-bar-fill{background:var(--color-seele)}#modal-stat-schatten .modal-stat-name{color:var(--color-schatten)}#modal-stat-schatten .modal-stat-bar-fill{background:var(--color-schatten)}#modal-companion-section{border-top:1px solid #2a241f66;margin-top:1rem;padding-top:.8rem;display:none}#modal-companion-section.visible{display:block}.modal-section-label{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.6rem;font-size:.6rem;font-weight:700}.modal-companion-row{align-items:center;gap:.8rem;display:flex}#modal-companion-img{object-fit:cover;border:1px solid var(--border);border-radius:3px;width:44px;height:44px}#modal-companion-name{font-family:var(--font-ui);color:var(--accent);font-size:.82rem;font-weight:600}#modal-clues-section{border-top:1px solid #2a241f66;margin-top:.9rem;padding-top:.8rem}#modal-clues-list{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.modal-clue-badge{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:#d4a35914;border:1px solid #d4a35940;border-radius:2px;padding:.2rem .55rem;font-size:.6rem;font-weight:500;animation:1.5s ease-out badge-pulse;display:inline-block}@keyframes badge-pulse{0%{box-shadow:0 0 #d4a359cc}to{box-shadow:0 0 0 8px #d4a35900}}.hud-clue-badge{font-family:var(--font-ui);color:var(--accent);background:#d4a35914;border:1px solid #d4a35940;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-size:.58rem;font-weight:700;line-height:1;animation:1.5s ease-out badge-pulse;display:inline-flex}.hud-clue-badge.more{border-radius:999px;width:auto;min-width:1.2rem;padding:0 .25rem}#title-screen{text-align:center;background-color:#0c0a09;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}#title-content{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#2a231d7a,#0c0a0947);border:none;border-radius:6px;width:min(620px,100vw - 2rem);margin:0 auto;padding:clamp(1.2rem,3vw,2rem);box-shadow:0 18px 60px #00000059}#title-screen h1{font-family:var(--font-ui);letter-spacing:.06em;color:var(--text);text-transform:uppercase;text-shadow:0 2px 8px #0009;margin-bottom:.3rem;font-size:2.6rem;font-weight:700}#title-screen .subtitle{font-family:var(--font-ui);color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.85rem}#start-btn{border:1px solid var(--accent-dim);color:var(--accent);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:3px;margin-top:1rem;padding:.75rem 2.8rem;font-size:.85rem;font-weight:600;transition:all .15s;box-shadow:0 4px 10px #0006}#start-btn:hover{border-color:var(--accent);color:#fff;background:#d4a3590a;transform:translateY(-1px)}#style-select{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-family:var(--font-ui);letter-spacing:.03em;border-radius:3px;outline:none;margin-left:.5rem;padding:.45rem 1.4rem .5rem .9rem;font-size:.78rem;font-weight:500;transition:all .15s}#style-select:hover,#style-select:focus{border-color:var(--accent-dim);color:var(--text)}#loading{color:var(--text-dim);font-family:var(--font-ui);letter-spacing:.05em;font-size:.8rem}#title-actions{flex-direction:column;align-items:center;gap:.9rem;margin-top:1.3rem;display:flex}#title-footer{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;position:absolute;bottom:1.4rem;left:2rem}#title-footer a{color:var(--text-dim);border-bottom:1px solid #d4a3594d;text-decoration:none}#title-footer a:hover,#title-footer a:focus{color:var(--accent);outline:none}#chargen-screen{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;max-width:none;height:100vh;margin:0 auto;padding:clamp(.75rem,1.5vw,1.2rem) clamp(1rem,3vw,2.4rem) 1.2rem;display:none;overflow:hidden auto}.chargen-header{text-align:center;flex-shrink:0;margin-bottom:.8rem}.chargen-question{font-family:var(--font-ui);color:var(--accent);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;font-size:1.4rem;font-weight:600}.chargen-sub{color:var(--text-dim);font-size:.85rem}.chargen-presets{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;max-width:1320px;margin:0 auto 1.2rem;display:grid}.chargen-preset-card{border:1px solid #ffffff0f;border-left:3px solid var(--preset-accent,var(--accent));cursor:pointer;color:inherit;text-align:left;background:#14110ed9;border-radius:4px;flex-direction:column;gap:12px;padding:12px;font-family:inherit;transition:all .25s;display:flex;position:relative;overflow:hidden}.chargen-preset-card:before{content:"";background:linear-gradient(135deg, var(--preset-accent,var(--accent)) 0%, transparent 50%);opacity:.06;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.chargen-preset-card:hover{border-color:var(--preset-accent,var(--accent));transform:translateY(-2px);box-shadow:0 8px 24px #00000080}.chargen-preset-card:hover:before{opacity:.14}.chargen-preset-card.is-selected{border-color:var(--preset-accent,var(--accent));box-shadow:0 0 0 1px var(--preset-accent,var(--accent)), 0 8px 24px #00000080;background:linear-gradient(135deg,#d4a3590f,#14110ed9)}.chargen-preset-card.is-selected:before{opacity:.2}.chargen-preset-portrait{aspect-ratio:1/.72;background:#080605;border:2px solid #ffffff26;border-radius:3px;flex-shrink:0;width:100%;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #0000008c}.chargen-preset-portrait img{object-fit:cover;object-position:center 35%;filter:saturate(.95)contrast(1.04);width:100%;height:100%;display:block}.chargen-preset-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.chargen-preset-name{font-family:var(--font-ui);color:var(--text);text-transform:uppercase;letter-spacing:.05em;font-size:.96rem;font-weight:600}.chargen-preset-card.is-selected .chargen-preset-name{color:var(--preset-accent,var(--accent))}.chargen-preset-tagline{color:var(--text-dim);font-size:.78rem;font-style:italic;line-height:1.45}.chargen-preset-stats{flex-direction:column;gap:3px;margin-top:2px;display:flex}.chargen-preset-stat-row{grid-template-columns:18px 1fr 16px;align-items:center;gap:6px;display:grid}.chargen-preset-stat-label{font-family:var(--font-ui);color:var(--text-dim);text-align:center;font-size:.7rem;font-weight:600}.chargen-preset-stat-bar{gap:1px;height:6px;display:flex}.chargen-preset-stat-seg{background:#ffffff0f;border-radius:1px;flex:1}.chargen-preset-stat-seg.filled{background:var(--preset-accent,var(--accent))}.chargen-preset-stat-value{font-family:var(--font-ui);color:var(--text);text-align:right;font-size:.7rem}.chargen-preset-skills-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-top:4px;font-size:.65rem}.chargen-preset-skills{flex-wrap:wrap;gap:4px;display:flex}.chargen-preset-skill-tag{font-family:var(--font-ui);color:var(--text);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;padding:2px 7px;font-size:.7rem}.chargen-preset-card.is-selected .chargen-preset-skill-tag{border-color:var(--preset-accent,var(--accent));color:var(--preset-accent,var(--accent))}.chargen-custom-card{background:linear-gradient(145deg,#d4a35914,#14110ee0),#14110ed9}.chargen-custom-summary{font-family:var(--font-sans);color:var(--text-dim);border-top:1px solid #ffffff0f;padding-top:.25rem;font-size:.72rem;line-height:1.45}.chargen-divider{text-align:center;color:var(--text-dim);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.18em;flex-shrink:0;align-items:center;width:100%;max-width:1100px;margin:0 auto 1rem;font-size:.7rem;display:flex}.chargen-divider:before,.chargen-divider:after{content:"";background:var(--border);flex:1;height:1px;margin:0 16px}.chargen-section{border:1px solid var(--border);background:#14110e99;border-radius:4px;flex-shrink:0;width:100%;max-width:1320px;margin:0 auto .6rem;padding:12px 18px}.chargen-allocation-layout{grid-template-columns:minmax(240px,.38fr) minmax(0,1fr);align-items:stretch;gap:.8rem;display:grid}.chargen-allocation-panel{min-width:0}.chargen-section-tools{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.chargen-selected-card{background:linear-gradient(145deg, color-mix(in srgb, var(--preset-accent), transparent 88%), #0c0a09e0), #14110ec7;border:1px solid #ffffff12;border-left:3px solid var(--preset-accent,var(--accent));border-radius:4px;flex-direction:column;min-height:100%;display:flex;overflow:hidden}.chargen-selected-portrait{aspect-ratio:1/.85;background:#080605;border-bottom:1px solid #ffffff14;max-height:200px;overflow:hidden}.chargen-selected-portrait img{object-fit:cover;object-position:center 36%;width:100%;height:100%;display:block}.chargen-selected-meta{padding:.75rem 1rem}.chargen-selected-eyebrow{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.45rem;font-size:.62rem;font-weight:700}.chargen-selected-name{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--preset-accent,var(--accent));font-size:1.05rem;font-weight:700}.chargen-selected-tagline{color:var(--text-dim);margin-top:.55rem;font-size:.84rem;font-style:italic;line-height:1.5}.chargen-section-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.chargen-section-title{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--text);margin-bottom:4px;font-size:.85rem}.chargen-section-sub{color:var(--text-dim);font-size:.78rem}#chargen-flavor{color:var(--text-dim);text-align:center;flex-shrink:0;max-width:720px;min-height:1.4em;margin:1rem auto 0;font-size:.92rem;font-style:italic;line-height:1.55;transition:opacity .3s}.chargen-question{font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.2rem;font-size:clamp(1.45rem,3vw,2.1rem);font-weight:700}.chargen-sub{font-family:var(--font-sans);color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}#chargen-flavor{color:var(--text-dim);text-align:center;min-height:2.4em;margin:.4rem 0;font-size:.85rem;font-style:italic;line-height:1.5;transition:opacity .2s}.chargen-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;width:100%;margin-bottom:0;display:grid}.stat-card{border-bottom:1px solid var(--border);padding:.5rem 0;transition:background .12s}.stat-card:hover{background:#d4a35905}.stat-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.stat-info{flex:1;min-width:0}.stat-name{font-family:var(--font-ui);color:var(--text);letter-spacing:.02em;font-size:1rem;font-weight:600;display:block}#stat-card-koerper .stat-name{color:var(--color-koerper)}#stat-card-geist .stat-name{color:var(--color-geist)}#stat-card-seele .stat-name{color:var(--color-seele)}#stat-card-schatten .stat-name{color:var(--color-schatten)}.stat-desc{font-family:var(--font-sans);color:var(--text-dim);margin-top:.1rem;font-size:.72rem;display:block}.stat-controls{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.stat-pips{align-items:center;gap:4px;display:flex}.stat-pip{border:1px solid var(--border);background:#0000004d;border-radius:50%;width:7px;height:7px;transition:background .1s,border-color .1s}#stat-card-koerper .stat-pip.filled{background:var(--color-koerper);border-color:var(--color-koerper)}#stat-card-geist .stat-pip.filled{background:var(--color-geist);border-color:var(--color-geist)}#stat-card-seele .stat-pip.filled{background:var(--color-seele);border-color:var(--color-seele)}#stat-card-schatten .stat-pip.filled{background:var(--color-schatten);border-color:var(--color-schatten)}.stat-value-num{font-family:var(--font-ui);color:var(--accent);text-align:center;font-variant-numeric:tabular-nums;min-width:1.2rem;font-size:.85rem;font-weight:600}.stat-btn{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-ui);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;padding:0;font-size:1rem;font-weight:500;line-height:1;transition:all .12s;display:flex}.stat-btn:hover:not(:disabled){border-color:var(--accent-dim);color:var(--text)}.stat-btn:disabled{opacity:.15;cursor:not-allowed}.stat-skills-row{font-family:var(--font-sans);color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;opacity:.55;overflow-wrap:anywhere;margin-top:.2rem;font-size:.6rem}.chargen-meta{border-top:1px solid #2a241fb3;flex-direction:column;align-items:center;gap:.4rem;margin:.5rem 0 .25rem;padding-top:.5rem;display:flex}.chargen-points{font-family:var(--font-ui);color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:500}#chargen-points-value{color:var(--accent);font-size:1.1em;font-weight:700}#chargen-tendency{text-align:center;flex-direction:column;align-items:center;gap:.15rem;min-height:2.2rem;display:flex}.tendency-label{color:var(--accent);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:600}.tendency-desc{color:var(--text-dim);font-size:.78rem;font-style:italic}#chargen-confirm{background:var(--accent);color:var(--bg);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:none;border-radius:4px;flex-shrink:0;align-self:center;margin:0;padding:.65rem 2.2rem;font-size:.9rem;font-weight:600;transition:all .2s;display:block;box-shadow:0 4px 10px #0000004d}#chargen-confirm:hover:not(:disabled){background:#e0b770}#chargen-confirm:disabled{color:var(--text-dim);cursor:not-allowed;box-shadow:none;background:#d4a35933}.chargen-actions{justify-content:center;margin-top:.5rem;display:flex}.chargen-secondary-btn{min-height:2rem;color:var(--accent);font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#d4a3590a;border:1px solid #d4a35947;border-radius:3px;flex-shrink:0;padding:.42rem .72rem;font-size:.68rem;font-weight:700}.chargen-secondary-btn:hover,.chargen-secondary-btn:focus{color:var(--text);border-color:var(--accent);outline:none}#chargen-skills-overlay{z-index:180;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;pointer-events:none;background:#080605c7;justify-content:center;align-items:center;padding:1.2rem;transition:opacity .18s;display:flex;position:fixed;inset:0}#chargen-skills-overlay.open{opacity:1;pointer-events:all}.chargen-skills-modal{background:linear-gradient(145deg,#d4a3590d,#0c0a09fa 45%),#0e0b09fa;border:1px solid #d4a35938;border-radius:6px;width:min(980px,100%);max-height:min(760px,100dvh - 2.4rem);padding:1.2rem 1.35rem 1.35rem;transition:transform .18s;overflow-y:auto;transform:translateY(8px);box-shadow:0 18px 60px #000000b8}#chargen-skills-overlay.open .chargen-skills-modal{transform:translateY(0)}.chargen-skills-modal-header{border-bottom:1px solid #2a241fcc;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:.85rem;display:flex}#chargen-skills-close{border:1px solid var(--border);width:2rem;height:2rem;color:var(--text-dim);cursor:pointer;background:#ffffff08;border-radius:3px;flex-shrink:0;font-size:1.1rem;line-height:1}#chargen-skills-close:hover,#chargen-skills-close:focus{color:var(--text);border-color:var(--accent-dim);outline:none}@media (width<=1180px){.chargen-presets{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.chargen-preset-card{grid-template-columns:118px minmax(0,1fr);align-items:stretch;display:grid}.chargen-preset-portrait{aspect-ratio:1/1.18;height:100%}}@media (width<=760px){html,body{overflow:hidden}#chargen-screen{padding:1rem .9rem 1.4rem}.chargen-header{margin-bottom:1rem}.chargen-preset-card{grid-template-columns:96px minmax(0,1fr);gap:10px}.chargen-presets{grid-template-columns:1fr}.chargen-section-header,.chargen-skills-modal-header{flex-direction:column}.chargen-allocation-layout{grid-template-columns:1fr}.chargen-selected-card{grid-template-columns:96px minmax(0,1fr);display:grid}.chargen-selected-portrait{aspect-ratio:auto;height:100%}.chargen-section-tools,.chargen-secondary-btn{width:100%}.chargen-section,.chargen-skills{padding:1rem}.chargen-stats,.chargen-skills-list{grid-template-columns:1fr}.stat-row{flex-direction:column;align-items:flex-start;gap:.55rem}.stat-controls{justify-content:flex-start;width:100%}#chargen-confirm{width:100%;padding-left:1rem;padding-right:1rem}#chargen-skills-overlay{align-items:stretch;padding:0}.chargen-skills-modal{border-radius:0;max-height:100dvh;padding:1rem}#stats-modal-overlay{align-items:stretch;width:100vw}#stats-modal{border-radius:0;width:100%;max-height:100dvh;padding:1rem}.modal-skill-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.modal-skill-name,.modal-skill-pips{grid-column:1/2}.modal-skill-xp,.modal-skill-upgrade{grid-column:2/3}.modal-skill-xp{grid-row:1/2}.modal-skill-upgrade{grid-row:2/3}}#long-life-banner{max-width:720px;margin:32px auto;padding:0 24px;animation:.6s ease-out long-life-fade-in}@keyframes long-life-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.long-life-banner-inner{background:linear-gradient(90deg,#d4a35914,#d4a35900);border-left:3px solid #d4a359;border-radius:0 4px 4px 0;padding:20px 28px;font-family:Inter,system-ui,sans-serif}.long-life-banner-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#8a6a3a;margin-bottom:8px;font-size:.72rem;font-weight:500}.long-life-banner-title{color:#2a2018;margin-bottom:12px;font-family:Outfit,Inter,system-ui,sans-serif;font-size:1.4rem;font-style:italic;font-weight:600}.long-life-banner-body{color:#3a3028;font-size:.96rem;font-weight:400;line-height:1.55}#right-pane{background:#110e0c;flex-direction:column;height:100vh;display:flex;position:relative;overflow:visible}@media (width<=960px){#right-pane{height:calc(100vh - 220px);min-height:0}}#story-toolbar{z-index:10;background:#110e0c;border-bottom:1px solid #2a241f66;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.6rem;padding:.6rem 1.6rem .5rem;display:flex}.toolbar-btn{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-ui);cursor:pointer;background:0 0;border-radius:3px;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;padding:0;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.toolbar-btn:hover{color:var(--accent);border-color:var(--accent-dim);background:#d4a35908}#story-output{scroll-behavior:smooth;flex:1;padding:1.6rem 1.8rem 1rem 2rem;overflow:hidden auto}@keyframes dialog-fadein{to{opacity:1;transform:translateY(0)}}.dialogue-block{opacity:0;align-items:flex-start;gap:1.2rem;margin-bottom:1.6rem;padding:0 1rem;animation:.45s forwards dialog-fadein;display:flex;position:relative;transform:translateY(8px)}.dialogue-block.continues-speaker{gap:.7rem;margin-top:-.65rem;margin-bottom:1.05rem}.dialogue-continuation-mark,.dialogue-portrait-container,.dialogue-portrait{display:none!important}.dialogue-content{flex-direction:column;flex:1;justify-content:flex-start;min-width:0;padding-top:.3rem;display:flex}.dialogue-speaker{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem;font-size:.7rem;font-weight:700}.dialogue-text{color:#e0d8cb;font-size:.95rem;line-height:1.7}.narrator-block{color:var(--text-dim);opacity:0;margin-bottom:1.6rem;padding:0 1rem;font-size:.94rem;line-height:1.7;animation:.35s forwards dialog-fadein;transform:translateY(4px)}.narrator-block .dialogue-text{color:var(--text-dim);font-size:.94rem}#story-output>.dialogue-block,#story-output>.narrator-block,#story-output>.story-divider,#story-output>.weiter-divider{max-width:620px;margin-left:auto;margin-right:auto}@media (width>=961px){#story-output>.dialogue-block{width:100%;left:0}}@media (width<=960px){#right-pane{overflow:hidden}}.speaker-ermittlerin{color:var(--color-koerper)}.speaker-pedantin{color:var(--color-geist)}.speaker-dame{color:#1abc9c}.speaker-gosse{color:#f1c40f}.speaker-tierchen{color:#2ecc71}.speaker-hungrige{color:#e74c3c}.speaker-tote{color:#9b59b6}.speaker-zweifel{color:#e84393}.speaker-mizzi{color:#d35400}.speaker-zwirndl{color:#16a085}.speaker-du{color:#7f8c8d}.narrator-block .dialogue-content,.dialogue-block[data-speaker=du] .dialogue-content{display:block}.narrator-block .dialogue-speaker,.dialogue-block[data-speaker=du] .dialogue-speaker{margin-bottom:0;margin-right:.15rem;display:inline}.narrator-block .dialogue-speaker:after,.dialogue-block[data-speaker=du] .dialogue-speaker:after{content:": ";text-transform:none}.narrator-block .dialogue-text,.dialogue-block[data-speaker=du] .dialogue-text{display:inline}.dialogue-block.voice-line{background:linear-gradient(90deg,#8e44ad1f,#0000 60%);border-left:3px solid #8e44ad80;border-radius:2px;margin-bottom:1.1rem;padding:.5rem .8rem;position:relative}.dialogue-block.voice-line:before{content:"◇";opacity:.7;font-size:.8rem;position:absolute;top:6px;left:-16px}.dialogue-block.voice-line .dialogue-portrait-container{border-color:#8e44ad66;width:60px;height:78px;box-shadow:0 2px 8px #8e44ad33,inset 0 0 0 1px #8e44ad26}.dialogue-block.voice-line .dialogue-speaker{color:#b07adb}.dialogue-block.voice-line .dialogue-speaker:after{content:" · innere Stimme";text-transform:none;letter-spacing:.02em;color:var(--text-dim);font-size:.62rem;font-weight:400}.dialogue-block.voice-line .dialogue-text{color:#d8c8e8;font-style:italic}.dialogue-block.companion-line{background:linear-gradient(90deg,#d4a3590f,#0000 60%);border-left:3px solid #d4a35966;margin-bottom:1.1rem;padding-left:.8rem;position:relative}.dialogue-block.companion-line:before{content:"◆";color:var(--accent);opacity:.85;font-size:.85rem;position:absolute;top:6px;left:-16px}.dialogue-block.companion-line .dialogue-speaker:after{content:" · Begleiterin";text-transform:none;letter-spacing:.02em;color:var(--accent-dim);font-size:.62rem;font-weight:400}.speaker-narrator{color:var(--text-dim)}.voice-italic{font-style:italic}.border-ermittlerin{border-color:var(--color-koerper);box-shadow:0 4px 16px #000000b3, 0 0 0 1px var(--color-koerper), inset 0 0 0 1px #ffffff0a}.border-pedantin{border-color:var(--color-geist);box-shadow:0 4px 16px #000000b3, 0 0 0 1px var(--color-geist), inset 0 0 0 1px #ffffff0a}.border-dame{border-color:#1abc9c;box-shadow:0 4px 16px #000000b3,0 0 0 1px #1abc9c,inset 0 0 0 1px #ffffff0a}.border-gosse{border-color:#f1c40f;box-shadow:0 4px 16px #000000b3,0 0 0 1px #f1c40f,inset 0 0 0 1px #ffffff0a}.border-tierchen{border-color:#2ecc71;box-shadow:0 4px 16px #000000b3,0 0 0 1px #2ecc71,inset 0 0 0 1px #ffffff0a}.border-hungrige{border-color:#e74c3c;box-shadow:0 4px 16px #000000b3,0 0 0 1px #e74c3c,inset 0 0 0 1px #ffffff0a}.border-tote{border-color:#9b59b6;box-shadow:0 4px 16px #000000b3,0 0 0 1px #9b59b6,inset 0 0 0 1px #ffffff0a}.border-zweifel{border-color:#e84393;box-shadow:0 4px 16px #000000b3,0 0 0 1px #e84393,inset 0 0 0 1px #ffffff0a}.border-mizzi{border-color:#d35400;box-shadow:0 4px 16px #000000b3,0 0 0 1px #d35400,inset 0 0 0 1px #ffffff0a}.border-zwirndl{border-color:#16a085;box-shadow:0 4px 16px #000000b3,0 0 0 1px #16a085,inset 0 0 0 1px #ffffff0a}.border-du{border-color:#7f8c8d;box-shadow:0 4px 16px #000000b3,0 0 0 1px #7f8c8d,inset 0 0 0 1px #ffffff0a}.weiter-divider{text-align:center;border:none;border-top:1px dashed #d4a35926;margin:1.8rem 0;animation:.5s forwards dialog-fadein;position:relative}.weiter-divider:after{content:"◆";color:#d4a35959;background:#110e0c;padding:0 .8rem;font-size:.68rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story-divider{border:none;border-top:1px solid #2a241f80;margin:2rem 0}#choices-container{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent;background:linear-gradient(#110e0c00 0%,#0f0c0a 18%);flex-shrink:0;max-height:min(42vh,25rem);padding:.8rem 1.8rem 1rem;position:relative;overflow:hidden auto}#choices-container.hidden{display:none}#choices-container.is-scrollable{border-top:1px solid #d4a35924}#choices-container.is-scrollable:after{content:attr(data-scroll-hint);text-align:center;width:100%;font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#d4a359b8;pointer-events:none;background:linear-gradient(#0f0c0a00,#0f0c0a 34%);margin:.65rem auto -1rem;padding:.55rem 0 .35rem;font-size:.6rem;font-weight:700;display:block;position:sticky;bottom:-1rem}.choice-btn{color:#857a6e;width:100%;font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;margin:.18rem 0;padding:.28rem .8rem .3rem;font-size:.9rem;line-height:1.5;transition:all .16s;display:block}.choice-index{min-width:1.35rem;color:var(--accent-dim);font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:.72rem;display:inline-block}.choice-stat-gate{font-family:var(--font-ui);text-transform:uppercase;border:1px solid;border-radius:2px;margin-right:.45rem;padding:.02rem .4rem .08rem;font-size:.62rem;font-weight:700;line-height:1.4;display:inline-block}.choice-stat-koerper{color:var(--color-koerper)}.choice-stat-geist{color:var(--color-geist)}.choice-stat-seele{color:var(--color-seele)}.choice-stat-schatten{color:var(--color-schatten)}.choice-label{color:inherit}.choice-btn:hover,.choice-btn:focus{color:#f1ebd9;border-left-color:var(--accent);background:#d4a35905;outline:none;transform:translate(3px)}.choice-btn.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.45)}.choice-btn.locked:hover,.choice-btn.locked:focus{color:#857a6e;background:0 0;border-left-color:#0000;transform:none}.weiter-btn{color:var(--accent);font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #d4a35940;border-radius:3px;margin:.3rem auto 0;padding:.4rem 1.8rem .45rem;font-size:.68rem;font-weight:500;transition:all .15s;display:block}.weiter-btn:hover,.weiter-btn:focus{color:var(--text);border-color:var(--accent);background:#d4a3590a;outline:none}#end-screen{text-align:center;border-top:1px solid var(--border);background:#0a0807;padding:3.5rem 2rem;display:none}.end-title{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem;font-size:1.1rem;font-weight:600}.end-subtitle{color:var(--text-dim);font-size:.85rem;font-style:italic}.undo-btn{color:var(--text-dim);opacity:.7;margin-top:.8rem;font-size:.82rem}.undo-btn:hover{opacity:1}.clue-found{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);vertical-align:middle;border:1px solid #d4a35959;border-radius:2px;margin-left:.5rem;padding:.1rem .4rem;font-size:.6rem;font-weight:600;display:inline-block}#notes-overlay{z-index:100;opacity:0;pointer-events:none;background:#0c0a09d9;justify-content:center;align-items:flex-end;transition:opacity .2s;display:flex;position:fixed;inset:0}#notes-overlay.open{opacity:1;pointer-events:all}#notes-panel{background:var(--bg-panel);border-top:1px solid var(--border);flex-direction:column;gap:.8rem;width:100%;max-width:720px;max-height:70vh;padding:1.5rem;transition:transform .2s;display:flex;transform:translateY(12px)}#notes-overlay.open #notes-panel{transform:translateY(0)}#notes-panel-title{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:600}.notes-tabs{border-bottom:1px solid var(--border);display:flex}.notes-tab{color:var(--text-dim);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1.2rem;font-size:.72rem;font-weight:600;transition:all .15s}.notes-tab:hover{color:var(--text)}.notes-tab.active{color:var(--accent);border-bottom-color:var(--accent)}#notes-auto-section{flex:1;min-height:0;overflow-y:auto}#notes-auto-list{list-style:none}.note-entry{font-family:var(--font-ui);border-bottom:1px solid #2a241f66;padding:.45rem .5rem;font-size:.8rem}.note-choice{color:var(--text-dim)}.note-clue{color:var(--accent);font-weight:500}#notes-manual-section{flex:1;min-height:0;display:none}#notes-textarea{background:var(--bg);border:1px solid var(--border);width:100%;height:100%;min-height:180px;color:var(--text);font-family:var(--font-body);resize:vertical;outline:none;padding:.7rem .9rem;font-size:.9rem;line-height:1.65;transition:border-color .15s}#notes-textarea:focus{border-color:var(--accent-dim)}#notes-textarea::placeholder{color:var(--text-dim);opacity:.4}#notes-close{border:1px solid var(--border);width:100%;color:var(--text-dim);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;padding:.6rem;font-size:.72rem;font-weight:500;transition:all .15s;display:block}#notes-close:hover{border-color:var(--accent-dim);color:var(--text)}#journal-overlay{z-index:100;opacity:0;pointer-events:none;background:#0c0a09d9;justify-content:center;align-items:flex-end;transition:opacity .2s;display:flex;position:fixed;inset:0}#journal-overlay.open{opacity:1;pointer-events:all}#journal-panel{background:var(--bg-panel);border-top:1px solid var(--border);width:100%;max-width:720px;max-height:60vh;padding:1.5rem;transition:transform .2s;overflow-y:auto;transform:translateY(12px)}#journal-overlay.open #journal-panel{transform:translateY(0)}#journal-title{font-family:var(--font-ui);letter-spacing:.1rem;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.72rem;font-weight:600}#journal-list{list-style:none}#journal-list li{color:var(--text-dim);font-family:var(--font-ui);border-bottom:1px solid #2a241f66;align-items:baseline;gap:.6rem;padding:.45rem .5rem;font-size:.8rem;display:flex}#journal-list li:before{content:"◆";color:var(--accent-dim);flex-shrink:0;font-size:.6rem}#journal-close{border:1px solid var(--border);width:100%;color:var(--text-dim);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;margin-top:1.2rem;padding:.6rem;font-size:.72rem;font-weight:500;transition:all .15s;display:block}#journal-close:hover{border-color:var(--accent-dim);color:var(--text)}#active-portrait-container{pointer-events:none;z-index:100;opacity:0;flex-direction:column;gap:.65rem;width:180px;transition:opacity .28s;display:flex;position:absolute;top:70px;left:0;transform:translate(-50%)}#active-portrait-container.visible{opacity:1}.active-portrait-frame{opacity:0;transform-origin:50%;background:#060504;border:3px solid #28211a;border-radius:4px;width:180px;height:236px;transition:opacity .32s,transform .38s cubic-bezier(.2,.8,.2,1);overflow:hidden;transform:scale(.86);box-shadow:0 12px 36px #000000d9,0 4px 10px #0009,inset 0 0 0 1px #ffffff0d}#active-portrait-container.visible .active-portrait-frame{opacity:1;transform:scale(1)}#active-portrait-container.portrait-count-2{gap:.5rem;width:152px}#active-portrait-container.portrait-count-2 .active-portrait-frame{width:152px;height:198px}#active-portrait-container.portrait-count-2 .active-portrait-frame:nth-child(2){transition-delay:60ms}.active-portrait-img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}@media (width<=960px){#active-portrait-container{flex-direction:row;gap:.45rem;width:auto;top:220px;left:50%;transform:translate(-50%,-50%)}.active-portrait-frame,#active-portrait-container.portrait-count-2 .active-portrait-frame{width:96px;height:126px}}@media (width>=961px){#active-portrait-container{left:-40px;transform:none}#story-output,#choices-container{padding-left:170px!important}#story-output>.dialogue-block,#story-output>.narrator-block,#story-output>.story-divider,#story-output>.weiter-divider,#choices-container .choice-btn{max-width:580px!important;margin-left:0!important}}