:root{--bg:#1b1612;--surface:#26201a;--surface-2:#322a22;--surface-3:#3d3329;--text:#f1e8dc;--muted:#b3a593;--accent:#e0a84a;--accent-text:#1b1612;--danger:#ef7d6b;--ok:#8fc98a;--warn:#e8c35a;--read:#f5e6c8;--read-bg:#2f2619;--radius:14px;--tap:48px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:18px;line-height:1.5}@media (prefers-color-scheme:light){:root{--bg:#f6f0e6;--surface:#fffaf2;--surface-2:#efe4d3;--surface-3:#e4d6c0;--text:#2a2119;--muted:#6f6253;--accent:#a8641a;--accent-text:#fffaf2;--danger:#b3402e;--ok:#2f7a3a;--warn:#8a6a12;--read:#3a2a12;--read-bg:#f4e7cd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100dvh;margin:0}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.1rem}a{color:var(--accent)}p{margin:0 0 .6em}button,input,select,textarea,.button{font:inherit;border-radius:10px}button,input,select,.button{min-height:var(--tap)}button,.button{white-space:nowrap;background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;padding:0 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}button.secondary,.button.secondary{background:var(--surface-2);color:var(--text)}button.danger{background:var(--danger);color:#1b1612}button.ok{background:var(--ok);color:#1b1612}button.small{min-height:38px;padding:0 .75rem;font-size:.85rem}button.big{min-height:60px;padding:0 1.6rem;font-size:1.1rem}button:disabled{opacity:.5;cursor:not-allowed}button.link{color:var(--accent);text-underline-offset:3px;background:0 0;min-height:0;padding:0;font-weight:500;text-decoration:underline}input,select,textarea{border:1px solid var(--surface-3);background:var(--bg);width:100%;color:var(--text);padding:0 .875rem}textarea{resize:vertical;padding:.75rem .875rem;line-height:1.45}textarea.code,pre,code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}textarea.code{white-space:pre;overflow-wrap:normal;tab-size:2;min-height:60vh;font-size:.85rem;overflow-x:auto}input.num{text-align:center;width:5.5rem}label{gap:.375rem;font-weight:600;display:grid}label.toggle{min-height:var(--tap);cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:inline-flex}label.toggle input{width:1.4rem;height:1.4rem;min-height:0;accent-color:var(--accent)}code{background:var(--surface-2);border-radius:6px;padding:.1em .35em;font-size:.9em}pre.reference{white-space:pre-wrap;background:var(--bg);border-radius:10px;max-height:60vh;padding:1rem;font-size:.8rem;overflow:auto}details>summary{cursor:pointer;min-height:var(--tap);align-items:center;font-weight:600;display:flex}.shell{min-height:100dvh}.nav{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--surface-2);align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex;position:sticky;top:0}.brand{color:var(--accent);white-space:nowrap;font-weight:800;text-decoration:none}.nav-links{flex:1;gap:.25rem;display:flex;overflow-x:auto}.nav-links a{color:var(--muted);white-space:nowrap;border-radius:10px;padding:.6rem .8rem;text-decoration:none}.nav-links a.active{color:var(--text);background:var(--surface-2)}.tray-panel{z-index:20;background:var(--surface);border-radius:var(--radius);width:min(380px,100% - 2rem);padding:1rem;position:fixed;top:4.5rem;right:1rem;box-shadow:0 12px 40px #00000073}.page{max-width:1400px;margin:0 auto;padding:1rem}.stack{gap:1rem;display:grid}.narrow{max-width:760px;margin:0 auto}.row{align-items:center;gap:.6rem;display:flex}.row.wrap{flex-wrap:wrap}.row.spread{flex-wrap:wrap;justify-content:space-between}.row.tight{gap:.35rem}.card{background:var(--surface);border-radius:var(--radius);padding:1.25rem}.card.inset{background:var(--surface-2)}.card.warn{border:2px solid var(--warn)}.form-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem;margin:1rem 0;display:grid}.form-grid .wide{grid-column:1/-1}.auth{gap:1rem;width:min(420px,100% - 32px);margin:12vh auto 0;display:grid}.centered{text-align:center;margin-top:20vh}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger);margin:0}.ok{color:var(--ok);margin:0}.badge{background:var(--accent);color:var(--accent-text);vertical-align:middle;border-radius:999px;margin-left:.35rem;padding:.1rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.badge.subtle{background:var(--surface-3);color:var(--text)}.badge.warn{background:var(--warn);color:#1b1612}.badge.danger{background:var(--danger);color:#1b1612}.subtle-text{color:var(--muted)}.list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.list-main{background:var(--surface-2);color:var(--text);border-radius:10px;flex:1;gap:.15rem;padding:.75rem 1rem;text-decoration:none;display:grid}.clamp{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.empty{justify-items:start;gap:.75rem;display:grid}.segmented{background:var(--surface-2);border-radius:12px;gap:4px;margin:.5rem 0;padding:4px;display:inline-flex}.segmented button{color:var(--text);background:0 0;min-height:42px}.segmented button.active{background:var(--accent);color:var(--accent-text)}.tabs{flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem;display:flex}.tabs button{color:var(--muted);background:0 0;min-height:42px;padding:0 .75rem}.tabs button.active{background:var(--surface-2);color:var(--text)}.toast{background:var(--surface-2);border-radius:var(--radius);z-index:50;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000059}.rich p:last-child{margin-bottom:0}.rich ul{margin:0 0 .6em;padding-left:1.2rem}.rich.inline,.rich.inline p{display:inline}.dice-link{background:var(--surface-3);min-height:0;color:var(--accent);font-weight:700;font-size:inherit;border-radius:6px;padding:0 .3rem}.dice-toasts{z-index:60;gap:.5rem;width:min(360px,100% - 2rem);display:grid;position:fixed;bottom:1rem;right:1rem}.dice-toast{background:var(--surface-2);color:var(--text);border-radius:var(--radius);text-align:left;justify-content:flex-start;align-items:center;gap:1rem;min-height:0;padding:.75rem 1rem;font-weight:400;display:flex;box-shadow:0 8px 30px #0006}.dice-toast.crit{outline:3px solid var(--ok)}.dice-toast.fumble{outline:3px solid var(--danger)}.dice-toast-total{color:var(--accent);text-align:center;min-width:3rem;font-size:2.2rem;font-weight:800}.dice-toast-detail{font-size:.85rem;display:grid}.dice-tray{gap:.75rem;display:grid}.dice-tray-head{justify-content:space-between;align-items:center;display:flex}.dice-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.die{min-height:56px;font-size:1.05rem}.dice-history{gap:.2rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.statblock header h3{color:var(--accent);margin:0;font-size:1.4rem}.stat-core{flex-wrap:wrap;gap:.4rem 1.2rem;margin:.75rem 0;display:flex}.abilities{grid-template-columns:repeat(6,1fr);gap:.35rem;margin-bottom:.75rem;display:grid}.ability{background:var(--surface-2);color:var(--text);min-height:0;padding:.35rem;font-weight:400;line-height:1.2;display:grid}.stat-lines{gap:.15rem;font-size:.92rem;display:grid}.stat-section{margin-top:.9rem}.stat-section h4{border-bottom:1px solid var(--surface-3);color:var(--accent);padding-bottom:.2rem}.feature{margin-bottom:.45rem}.appearance{margin-top:.75rem;font-style:italic}.kids-note{background:var(--surface-2);border-left:4px solid var(--ok);border-radius:8px;margin-top:.75rem;padding:.5rem .75rem}.editor-layout{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);align-items:start;gap:1rem;display:grid}.editor-side{max-height:calc(100dvh - 6rem);position:sticky;top:5rem;overflow:auto}.issues{gap:.4rem;margin:.5rem 0;padding:0;font-size:.9rem;list-style:none;display:grid}.issues li{background:var(--surface-2);border-left:4px solid var(--warn);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:.4rem;padding:.5rem .65rem;display:flex}.issues li.error{border-left-color:var(--danger)}.issue-kind{font-weight:700}.outline ol{gap:.4rem;padding-left:1.4rem;display:grid}.play{gap:1rem;display:grid}.play-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.play-head h1,.play-head p{margin:0}.play-grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start;gap:1rem;display:grid}.play-side{max-height:calc(100dvh - 6rem);position:sticky;top:5rem;overflow:auto}.read-aloud button{font-family:system-ui,-apple-system,Segoe UI,sans-serif}.read-aloud{background:var(--read-bg);color:var(--read);border-radius:var(--radius);border-left:6px solid var(--accent);justify-items:start;gap:.75rem;padding:1.25rem 1.5rem;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:1.25rem;line-height:1.6;display:grid}.read-aloud-full{z-index:70;background:var(--read-bg);color:var(--read);text-align:left;cursor:pointer;border-radius:0;place-content:center;gap:2rem;padding:6vw;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:400;line-height:1.5;display:grid;position:fixed;inset:0}.quote{border-left:3px solid var(--surface-3);margin:.5rem 0;padding-left:.75rem;font-style:italic}.hints{gap:.4rem;margin:0;padding-left:1.1rem;display:grid}.encounter{border-top:4px solid var(--accent)}.encounter.sozial{border-top-color:var(--ok)}.encounter.falle,.encounter.raetsel,.encounter.erkundung{border-top-color:var(--warn)}.monster-list{margin:.5rem 0;padding-left:1.1rem}.facts{grid-template-columns:max-content 1fr;gap:.25rem .75rem;margin:.5rem 0 0;display:grid}.facts dt{color:var(--muted);font-weight:700}.facts dd{margin:0}.table-entries{margin:0;padding-left:1.6rem;font-size:.92rem}.paths{background:var(--surface);border-radius:var(--radius);padding:1.25rem}.path-buttons{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem;display:grid}.path{white-space:normal;text-align:left;place-content:start stretch;justify-items:start;gap:.15rem;min-height:72px;padding:.85rem 1rem;font-weight:400;display:grid}.path strong{font-size:1.05rem}.path .muted,.path .subtle-text{color:color-mix(in srgb, var(--accent-text) 75%, transparent)}.path.closed{background:var(--surface-2);color:var(--muted);border:2px dashed var(--surface-3)}.path.closed .muted,.path.closed .subtle-text{color:var(--muted)}.log{gap:.35rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.log-combat{color:var(--danger)}.log-roll{color:var(--muted)}.flag-list{margin:0;padding:0;list-style:none}.overview ul{gap:.25rem;margin:0 0 .75rem;padding:0;list-style:none;display:grid}.overview .link{color:var(--text);min-height:36px;text-decoration:none}.overview .link.current{color:var(--accent);font-weight:800}.sheet-layer{z-index:40;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{cursor:default;background:#00000080;border-radius:0;position:absolute;inset:0}.sheet{background:var(--surface);align-content:start;gap:.75rem;width:min(560px,100%);height:100%;padding:1.25rem;display:grid;position:relative;overflow:auto}.combat{gap:1rem;display:grid}.combat-head{background:var(--surface);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.combat-head h2,.combat-head p{margin:0}.combatants{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.combatant{background:var(--surface);border-radius:var(--radius);border-left:6px solid var(--surface-3);gap:.6rem;padding:.85rem 1rem;display:grid}.combatant.pc{border-left-color:var(--ok)}.combatant.monster{border-left-color:var(--danger)}.combatant.active{outline:3px solid var(--accent)}.combatant.out{opacity:.45}.combatant-head{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.combatant-name{flex:1;min-width:8rem;display:grid}.init-value{text-align:center;min-width:2.5rem;color:var(--accent);font-size:1.5rem;font-weight:800}input.init{width:4.5rem}.hp{grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:.4rem .75rem;display:grid}.hp .row{flex-wrap:wrap;grid-column:1/-1}.hp-bar{background:var(--surface-3);border-radius:999px;height:12px;overflow:hidden}.hp-fill{background:var(--ok);height:100%;transition:width .2s}.hp-fill.mid{background:var(--warn)}.hp-fill.low{background:var(--danger)}.conditions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.conditions select{width:auto;min-height:38px}.chip{background:var(--warn);color:#1b1612;border-radius:999px;min-height:34px;padding:0 .7rem;font-size:.85rem}.monster-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.monster-tile{color:var(--text);gap:.2rem;height:100%;text-decoration:none;display:grid}.rule-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem;display:grid}.kids-text{font-size:1.1rem}.conditions-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.6rem;margin:0;display:grid}.conditions-list dt{color:var(--accent);font-weight:700}.conditions-list dd{margin:0}@media (width<=900px){.play-grid,.editor-layout{grid-template-columns:1fr}.play-side,.editor-side{max-height:none;position:static}textarea.code{min-height:50vh}}@media (width<=560px){:root{font-size:16px}.nav{flex-wrap:wrap}.nav-links{flex-basis:100%;order:3}.abilities{grid-template-columns:repeat(3,1fr)}.page{padding:.75rem}}.live-help{border-top:1px solid var(--surface-3);margin-top:1rem;padding-top:.5rem}.live-help .stack{margin-bottom:.75rem}pre.live{max-height:40vh}.tables-panel{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.tables-panel button{white-space:normal;text-align:left;justify-content:flex-start;width:100%}.table-result{border-left:4px solid var(--accent);background:var(--surface-2);border-radius:8px;margin:.35rem 0 .25rem;padding:.5rem .75rem}.map-view{background:var(--bg);border-radius:10px;line-height:0;position:relative;overflow:hidden}.map-view img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.map-view.editing img{cursor:crosshair}.map-fog{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-pin{background:var(--surface-2);width:34px;height:34px;min-height:0;color:var(--text);border:3px solid var(--accent);border-radius:50%;padding:0;font-size:.8rem;line-height:1;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000080}.map-pin.visited{background:var(--ok);color:#1b1612}.map-pin.current{background:var(--accent);color:var(--accent-text);animation:1.6s ease-in-out infinite pin-pulse}.map-pin.selected{outline:3px solid var(--text)}.map-pin-label{color:#fff;white-space:nowrap;pointer-events:none;background:#000000b3;border-radius:6px;padding:2px 6px;font-size:.75rem;line-height:1.3;position:absolute;top:110%;left:50%;transform:translate(-50%)}@keyframes pin-pulse{50%{box-shadow:0 0 0 8px #e0a84a59}}@media (prefers-reduced-motion:reduce){.map-pin.current{animation:none}}.map-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.map-grid li{gap:.4rem;padding:.75rem;display:grid}.map-grid a,.map-grid-item{color:var(--text);gap:.4rem;text-decoration:none;display:grid}.map-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%}.player-view{background:#0c0907;place-items:center;min-height:100dvh;padding:1rem;display:grid}.player-view.fighting{grid-template-columns:minmax(0,1fr) minmax(280px,30%);gap:1rem}.player-stage{place-items:center;width:100%;display:grid}.player-view .map-view{width:min(100%,160dvh - 3.2rem)}.player-image{border-radius:8px;max-width:100%;max-height:calc(100dvh - 2rem)}.player-text{color:#f5e6c8;max-width:50rem;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:clamp(1.6rem,3.2vw,2.8rem);line-height:1.5}.player-title{color:#f5e6c8;font-family:Georgia,Iowan Old Style,serif;font-size:3rem}.combat-board{color:#f5e6c8;background:#ffffff0a;border-radius:14px;align-self:stretch;padding:1rem}.combat-board-turn{margin-bottom:1rem;font-size:1.5rem}.combat-board-turn strong{color:#e0a84a;font-size:2.4rem;display:block}.combat-board ol{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.combat-board li{background:#ffffff0d;border-radius:10px;justify-content:space-between;gap:.75rem;padding:.6rem .8rem;font-size:1.3rem;display:flex}.combat-board li.current{color:#1b1612;background:#e0a84a}.combat-board li.defeated{opacity:.4;text-decoration:line-through}.hearts{color:#e85d5d;letter-spacing:.1em}.hearts-empty{color:#fff3}.board-status{font-style:italic}.player-scene{color:#f5e6c8;background:#000000a6;border-radius:999px;padding:.5rem 1.25rem;font-family:Georgia,Iowan Old Style,serif;font-size:1.4rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.player-fullscreen{opacity:.5;position:fixed;top:1rem;right:1rem}.heroes{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.hero{background:var(--surface-2);border-radius:10px;gap:.4rem;padding:.6rem .75rem;display:grid}.hero-hp{text-align:center;min-width:5.5rem;font-weight:700}.hero-inventory{white-space:pre-line;margin:0}.inspiration{background:var(--surface-3);width:40px;min-height:40px;color:var(--muted);border-radius:50%;padding:0;font-size:1.3rem}.inspiration.on{background:var(--accent);color:var(--accent-text)}.centered-layer{justify-content:center;align-items:center}.dialog{gap:.75rem;width:min(640px,100% - 2rem);display:grid;position:relative}.difficulty{margin:.5rem 0}.difficulty.zu-schwer strong{color:var(--danger)}.difficulty.schwer strong{color:var(--warn)}.difficulty.leicht strong,.difficulty.sehr-leicht strong{color:var(--ok)}.handout-picker{grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.handout-picker button{background:var(--surface-2);width:100%;min-height:0;color:var(--text);white-space:normal;gap:.25rem;padding:.4rem;font-weight:500;display:grid}.handout-picker button.active{outline:3px solid var(--accent)}.handout-picker img{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%}@media (width<=900px){.player-view.fighting{grid-template-columns:1fr}}