:root{color-scheme:dark;--color-bg: #0e1418;--color-surface: #161d22;--color-surface-alt: #1c252b;--color-border: #2a3540;--color-border-strong: #3c4a57;--color-text: #e2dac6;--color-muted: #8d94a0;--color-accent: #c9a23f;--color-accent-contrast: #1a1407;--color-accent-dim: #2c2613;--color-danger: #b0392f;--color-danger-dim: #2c1714;--color-success: #5d8a5a;--rgb-narrative: 86 122 150;--rgb-reward: 201 162 63;--rgb-danger: 176 57 47;--map-paper: #d8ccb0;--map-ink: #20180f;--map-rock: #6a5f4a;--map-grid: #b6a988;--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius: 8px;--radius-sm: 4px;--shadow: 0 2px 12px rgba(0, 0, 0, .45);--paint-grid: rgba(255, 255, 255, .06);--vignette: radial-gradient(125% 125% at 50% 0%, transparent 55%, rgba(0, 0, 0, .5) 100%);--bg: var(--color-bg);--panel: var(--color-surface);--border: var(--color-border);--ink: var(--color-text);--muted: var(--color-muted);--accent: var(--color-accent)}[data-theme=ledger]{color-scheme:light;--color-bg: #e7e0cd;--color-surface: #f2ecdd;--color-surface-alt: #e3dbc4;--color-border: #c8bea2;--color-border-strong: #a99c79;--color-text: #2a2317;--color-muted: #6c6553;--color-accent: #8a6a1c;--color-accent-contrast: #fbf6e9;--color-accent-dim: #e6dcc0;--color-danger: #9a3327;--color-danger-dim: #e7d3cf;--map-paper: #f7f1e2;--map-rock: #9a8d6f;--map-grid: #cdc0a0;--paint-grid: rgba(0, 0, 0, .08);--vignette: none}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background-color:var(--color-bg);background-image:var(--vignette);background-attachment:fixed;color:var(--color-text);font-family:var(--font-body)}#app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:1rem;padding:.8rem 1.25rem;border-bottom:1px solid var(--color-border)}.app-header h1{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:.01em}.content{padding:1.25rem}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.panel h2{margin:0 0 .6rem;font-family:var(--font-display);font-size:1.05rem}.row{display:flex;gap:.5rem;align-items:center;margin-bottom:.7rem}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.list-item{display:flex;align-items:center;gap:.6rem;padding:.35rem .4rem;border-radius:var(--radius-sm)}.list-item:hover{background:var(--color-surface-alt)}.muted{color:var(--color-muted);font-size:.8rem}.campaign{flex:1;display:flex;gap:1rem;padding:1.25rem;min-height:0}.side{width:16rem;flex-shrink:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.9rem;overflow:auto}.viewer-wrap{flex:1;min-height:70vh;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem;display:flex}canvas.viewer{width:100%;height:100%;display:block;background:var(--color-bg);border-radius:var(--radius-sm);touch-action:none}input{flex:1;background:var(--color-bg);color:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.35rem .5rem}button{background:var(--color-surface-alt);color:inherit;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:.35rem .7rem;cursor:pointer;font-size:.9rem}button:hover{background:var(--color-border)}button.primary{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}button.link{background:transparent;border:none;color:var(--color-text);font-size:.95rem;padding:0}button.link:hover{color:var(--color-accent)}button.tiny{padding:.1rem .45rem;margin-left:auto;color:var(--color-muted)}.paint{display:block;width:100%;background:var(--color-bg);border-radius:var(--radius-sm);touch-action:none}.paint-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.6rem;font-size:.85rem}.generator{flex:1;display:flex;gap:1rem;padding:1.25rem;min-height:0}.generator .left,.generator .right{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.9rem}.generator .left{flex-shrink:0;max-width:560px;overflow:auto}.generator .right{flex:1;min-width:0;display:flex;flex-direction:column}.generator canvas.viewer{flex:1;min-height:50vh;height:auto}.book{flex:1;display:flex;gap:1rem;padding:1.25rem;min-height:0}.book aside{width:15rem;flex-shrink:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.8rem;overflow:auto}.book .editor-wrap{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.8rem}.book .preview-wrap{flex:1.2;min-width:0;overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem}.doc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.doc-path{font-family:var(--font-mono);font-size:.85rem}.new-path{flex:1;min-width:0}.editor{flex:1;width:100%;resize:none;background:var(--color-bg);color:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem;font-family:var(--font-mono);font-size:.9rem}.tree{list-style:none;margin:.6rem 0 0;padding:0}.tree-group{margin-top:.5rem}.tree-dir{color:var(--color-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.tree-leaf{display:flex;align-items:center;gap:.4rem;padding:.15rem 0}.menu-btn,.view-toggle,.tree-backdrop,.tree-head{display:none}@media (max-width: 899px){.book{position:relative;flex-direction:column}.book .book-tree{position:fixed;top:0;left:0;bottom:0;width:84%;max-width:320px;z-index:10;transform:translate(-100%);transition:transform .2s ease;border-radius:0;overflow:auto}.book[data-tree=open] .book-tree{transform:none}.book[data-tree=open] .tree-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:5}.book .tree-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tree-title{font-weight:600}.menu-btn{display:inline-block}.view-toggle{display:flex;gap:.25rem}.book .editor-wrap,.book .preview-wrap{display:none;flex:1;min-height:0}.book[data-view=edit] .editor-wrap{display:flex}.book[data-view=preview] .preview-wrap{display:block}}@media (max-width: 760px){.app-header{padding:.5rem .7rem;gap:.5rem}.app-header h1{font-size:1rem}.content,.campaign,.generator{padding:.7rem}.panel{padding:.8rem}.campaign{flex-direction:column}.campaign .side{width:auto;max-height:11rem}.campaign .viewer-wrap{min-height:55vh;padding:.3rem}.generator{flex-direction:column}.generator .left{max-width:none}.generator .right{min-height:50vh}.generator canvas.viewer{min-height:40vh}}.hidden{display:none!important}.menu{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.3rem}.menu-title{font-family:var(--font-display);font-size:2.2rem;letter-spacing:.02em;margin:0}.menu-sub{margin:0 0 1.5rem}.menu-list{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:20rem}.menu-item{padding:.9rem 1rem;font-size:1rem;text-align:left}.menu-item.primary{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.theme-list{display:flex;gap:.5rem;flex-wrap:wrap}.theme-list button{min-width:6rem}.theme-list button.active{border-color:var(--color-accent);color:var(--color-accent)}.save-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0}.save-info{display:flex;flex-direction:column;min-width:0}.save-name{font-size:.95rem}.save-actions{display:flex;gap:.3rem;flex-shrink:0}.about p{margin:.4rem 0}.room-code{font-family:var(--font-mono);font-size:2.4rem;letter-spacing:.35em;text-align:center;padding:.6rem 0 .2rem;color:var(--color-accent);-webkit-user-select:all;user-select:all}.lobby-qr{display:block;margin:.6rem auto;max-width:320px;width:100%}#qr-reader{margin-top:.4rem}.chip{font-size:.78rem;padding:.15rem .55rem;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-muted);white-space:nowrap}.chip.ok{border-color:var(--color-accent);color:var(--color-accent)}.chip.warn{border-color:var(--color-danger);color:var(--color-danger)}.peer-hash{font-family:var(--font-mono);font-size:.75rem}.lobby-status{font-family:var(--font-mono);font-size:.8rem;margin:0;white-space:pre-wrap}.prose{font-family:var(--font-display);line-height:1.6;color:var(--color-text)}.prose h1{font-size:1.5rem;margin:1rem 0 .5rem}.prose h2{font-size:1.2rem;margin:1rem 0 .4rem;border-bottom:1px solid var(--color-border);padding-bottom:.2rem}.prose h3{font-size:1.05rem;margin:.8rem 0 .3rem}.prose p{margin:.5rem 0}.prose ul,.prose ol{margin:.4rem 0;padding-left:1.4rem}.prose blockquote{margin:.6rem 0;padding:.5rem .8rem;background:var(--color-surface-alt);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic}.prose code{background:var(--color-surface-alt);padding:.1rem .3rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em}.prose hr{border:none;border-top:1px solid var(--color-border);margin:1rem 0}.prose strong{color:var(--color-text)}.prose table{border-collapse:collapse;margin:.5rem 0}.prose th,.prose td{border:1px solid var(--color-border);padding:.3rem .5rem}.dice{font-family:var(--font-mono);background:var(--color-accent-dim);border:1px solid var(--color-accent);color:var(--color-accent);border-radius:var(--radius-sm);padding:.05rem .3rem;cursor:pointer;font-size:.85em;white-space:nowrap}.dice:hover{filter:brightness(1.25)}.dice.rolled{background:var(--color-danger-dim);border-color:var(--color-danger);color:var(--color-danger)}.prose details{margin:.6rem 0;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .7rem}.prose summary{cursor:pointer;font-weight:600;color:var(--color-text);font-family:var(--font-body);font-size:.95rem;list-style:none}.prose summary::-webkit-details-marker{display:none}.prose summary:before{content:"▸ ";color:var(--color-muted)}.prose details[open]>summary:before{content:"▾ "}.prose .details-body{margin-top:.5rem}a.wikilink{color:var(--color-accent);text-decoration:underline dotted;cursor:pointer}a.wikilink:hover{filter:brightness(1.15)}.toast{position:fixed;left:50%;bottom:2rem;transform:translate(-50%,1rem);background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);padding:.7rem 1rem;border-radius:var(--radius);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%)}