:root{--font-serif:"Spectral", Georgia, "Times New Roman", serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--mention-ink:#8a3b2a;--important-bg:#b0781a3d;--important-fg:#6d4a0c;--secret-bg:#6b35602e;--secret-fg:#5c1f4f;--theory-bg:#9a822833;--theory-fg:#5c4d10;--moment-bg:#9646822e;--moment-fg:#6b2f5a;--followup-bg:#b0522a29;--followup-fg:#7a3117;--player-fg:#6b6656;--danger:#8a3b2a;--danger-bg:#8a3b2a24;--ok:#3f7a4d}[data-flare=a]{--paper:#e7e3d6;--band:#dcd8c8;--card:#f0ece0;--ink:#20211d;--ink-muted:#63665c;--accent:#2f5f6b;--accent-fg:#eef2f1;--gilt:#b0522a;--gilt-soft:#b0522a73;--gilt-dark:#7a3117;--primary-bg:#7a3117;--primary-fg:#f4ece0;--primary-icon:#e8b08a;--header-radius:0 0 26px 26px;--header-border:2px solid var(--gilt);--card-radius:14px;--pill-radius:26px;--portrait-radius:50px 50px 6px 6px;--chip-radius:15px;--question-bg:#2f5f6b29;--question-fg:#22454f;--ornament:diamond;--hatch-a:#d6d4c6;--hatch-b:#c9c8b8}[data-flare=b]{--paper:#eee8da;--band:#e3dcc7;--card:#f8f3e6;--ink:#1e2130;--ink-muted:#64687a;--accent:#33518c;--accent-fg:#f2eddd;--gilt:#b08d2a;--gilt-soft:#b08d2a80;--gilt-dark:#8a6d17;--primary-bg:#22376b;--primary-fg:#f2eddd;--primary-icon:#d8c07a;--header-radius:0;--header-border:3px double var(--gilt);--card-radius:4px;--pill-radius:4px;--portrait-radius:4px;--chip-radius:0px;--question-bg:#1e5a7829;--question-fg:#1b5068;--ornament:ring;--hatch-a:#dcd8c8;--hatch-b:#cfcab6}[data-flare=c]{--paper:#eae4d5;--band:#e0d9c6;--card:#f4efe1;--ink:#242219;--ink-muted:#6b6656;--accent:#3c3826;--accent-fg:#f4efe1;--gilt:#7a6a2e;--gilt-soft:#7a6a2e66;--gilt-dark:#7a6a2e;--primary-bg:#3c3826;--primary-fg:#f4efe1;--primary-icon:#f4efe1;--header-radius:0;--header-border:2px solid var(--gilt);--card-radius:3px;--pill-radius:3px;--portrait-radius:3px;--chip-radius:0px;--question-bg:#1e5a7829;--question-fg:#1b5068;--ornament:diamond-dot;--hatch-a:#dbd6c4;--hatch-b:#cec9b4;--no-drop-cap:1}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);margin:0}#root{flex-direction:column;min-height:100vh;display:flex}.app-shell{background:var(--paper);min-height:100vh;color:var(--ink);flex-direction:column;display:flex}a{color:var(--mention-ink)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-serif);margin:0;font-weight:600}h1{font-size:24px}h2{font-size:19px}p{font-family:var(--font-serif);margin:0;font-size:14.5px;line-height:1.6}.mono-label{font:600 9px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.mono-meta{font:400 10.5px var(--font-mono);color:var(--ink-muted)}.muted{color:var(--ink-muted)}.small{font-size:12.5px}.italic{font-style:italic}.row{flex-wrap:wrap;align-items:center;gap:.6em;display:flex}.row.between{justify-content:space-between}.stack{flex-direction:column;gap:.7em;display:flex}main.content{flex:1;width:100%;max-width:460px;margin:0 auto;padding:14px 18px 90px}.card{background:var(--card);border-radius:var(--card-radius);border:1px solid #0000001f;padding:13px 15px}.card.accent{border:2px solid var(--accent)}.card.gilt{border:1.5px solid var(--gilt-soft)}.screen-header{background:var(--band);border-bottom:var(--header-border);border-radius:var(--header-radius);flex:none;margin:-14px -18px 14px;padding:14px 20px 16px}.screen-header .title-row{justify-content:space-between;align-items:center;display:flex}.screen-header h1,.screen-header h2{font-size:22px}.ornament{justify-content:center;align-items:center;gap:4px;margin:10px 0;display:flex}.ornament .line{background:var(--gilt);flex:1;max-width:60px;height:1px}.ornament .node{background:var(--gilt);border-radius:50%;flex:none;width:6px;height:6px}[data-flare=a] .ornament .node{border-radius:0;transform:rotate(45deg)}.ornament .node.big{background:var(--accent);border-radius:0;width:9px;height:9px;transform:rotate(45deg)}[data-flare=b] .ornament .node.big{border:1.5px solid var(--accent);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;display:flex;transform:none}[data-flare=b] .ornament .node.big:after{content:"";background:var(--gilt);border-radius:50%;width:5px;height:5px}[data-flare=c] .ornament .node.big{border:1.4px solid var(--gilt);background:0 0}.drop-cap-block{align-items:flex-start;gap:11px;display:flex}.drop-cap{background:var(--accent);width:44px;height:44px;color:var(--accent-fg);border:1px solid var(--gilt);font:600 28px/1 var(--font-serif);flex:none;justify-content:center;align-items:center;display:flex}[data-flare=c] .drop-cap{display:none}[data-flare=c] .drop-cap-block{display:block}.drop-cap-text{font:400 14.5px/1.6 var(--font-serif);color:var(--ink);flex:1}button{background:var(--card);color:var(--ink);border-radius:var(--chip-radius,8px);cursor:pointer;font:500 13px var(--font-sans);border:1.4px solid #00000040;min-height:40px;padding:.6em 1em}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary-bg);color:var(--primary-fg);border-color:var(--primary-bg);font-weight:600}button.danger{border-color:var(--danger);color:var(--danger);background:0 0}button.small{min-height:30px;padding:.35em .7em;font-size:11.5px}button.pill{border-radius:var(--pill-radius)}button.ghost{background:0 0;border-color:#0003}.stepper{align-items:center;gap:7px;display:flex}.stepper button{border-radius:var(--chip-radius,9px);width:32px;height:32px;min-height:0;font:400 16px var(--font-serif);justify-content:center;align-items:center;padding:0;display:flex}.stepper .value{font:500 13px var(--font-mono);text-align:center;min-width:1.6em}input[type=text],input[type=password],input[type=number],input[type=date],input[type=search],select,textarea{background:var(--card);border-radius:var(--chip-radius,8px);width:100%;font-family:var(--font-serif);border:1.4px solid #00000038;min-height:40px;padding:.6em .7em;font-size:15px}textarea{resize:vertical;min-height:90px}label{color:var(--ink-muted);font-size:12px;font-family:var(--font-sans);margin:.7em 0 .3em;display:block}fieldset{border-radius:var(--card-radius);border:1px solid #0003;margin:.5em 0}.chip-row{flex-wrap:wrap;gap:6px;display:flex;overflow-x:auto}.chip{font:500 11px var(--font-sans);border-radius:var(--chip-radius,15px);cursor:pointer;white-space:nowrap;background:0 0;border:1.4px solid #00000040;padding:7px 13px}.chip.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}.badge{border-radius:var(--chip-radius,999px);font:500 10.5px var(--font-mono);color:var(--ink-muted);border:1px solid #00000040;padding:.25em .6em;display:inline-block}.badge.ok{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.badge.warn{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.badge.gilt{border-color:var(--gilt-soft);color:var(--gilt-dark);background:color-mix(in srgb, var(--gilt) 14%, transparent)}.knowledge-tag{font:500 8px var(--font-mono);text-transform:uppercase;border-radius:4px;flex:none;padding:3px 5px}.knowledge-tag.character_knows{color:var(--accent);border:1px solid var(--accent)}.knowledge-tag.character_suspects{color:var(--gilt-dark);border:1px solid var(--gilt-soft)}.knowledge-tag.secret{color:var(--secret-fg);border:1px solid #6b356073}.knowledge-tag.disproved{color:var(--ink-muted);border:1px solid #00000040;text-decoration:line-through}.knowledge-tag.player_only{color:var(--ink-muted);border:1px dashed #00000059;font-style:italic}.knowledge-text.disproved{color:var(--ink-muted);text-decoration:line-through}.knowledge-text.player_only{color:var(--ink-muted);font-style:italic}.plate{border-radius:min(var(--card-radius), 10px);background:repeating-linear-gradient(45deg, var(--hatch-a) 0 4px, var(--hatch-b) 4px 8px);border:1px solid #0003;flex:none;overflow:hidden}.plate.accented{border:1.5px solid var(--gilt)}.plate.no-art{text-align:center;font:400 8px var(--font-mono);color:var(--ink-muted);background:0 0;border:1.4px dashed #0000004d;justify-content:center;align-items:center;display:flex}.bottom-nav{padding:8px 6px calc(10px + env(safe-area-inset-bottom));background:var(--band);border-top:var(--header-border);z-index:20;justify-content:space-between;display:flex;position:sticky;bottom:0}.bottom-nav a{text-align:center;color:var(--ink-muted);font:500 9.5px var(--font-sans);flex:1;padding:4px 2px;text-decoration:none}.bottom-nav a .icon{border:1.4px solid var(--ink-muted);width:15px;height:15px;margin:0 auto 5px;transform:rotate(45deg)}[data-flare=b] .bottom-nav a .icon,[data-flare=c] .bottom-nav a .icon{border-radius:50%;transform:none}.bottom-nav a.active{color:var(--accent);font-weight:600}.bottom-nav a.active .icon{border-color:var(--accent);background:var(--accent)}.topbar{background:var(--band);border-bottom:var(--header-border);font:500 11px var(--font-sans);color:var(--ink-muted);justify-content:space-between;align-items:center;gap:8px;padding:10px 18px;display:flex}.error-banner{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);border-radius:var(--card-radius);padding:.7em .9em}.conflict-banner{background:color-mix(in srgb, var(--gilt) 16%, var(--card));border:1px solid var(--gilt);border-radius:var(--card-radius);padding:.7em .9em}.offline-banner{background:var(--danger-bg);color:var(--danger-fg,var(--ink));text-align:center;font:500 12px var(--font-sans);padding:.5em}.mention{color:var(--mention-ink);border-bottom:1px solid #8a3b2a73;font-weight:500;text-decoration:none}.annotation-question{background:var(--question-bg);color:var(--question-fg);box-shadow:0 0 0 1px color-mix(in srgb, var(--question-fg) 30%, transparent);padding:1px 3px}.annotation-important{background:var(--important-bg);color:var(--important-fg);padding:1px 3px;box-shadow:0 0 0 1px #b0781a59}.annotation-follow_up{background:var(--followup-bg);color:var(--followup-fg);padding:1px 3px}.annotation-secret{background:var(--secret-bg);color:var(--secret-fg);padding:1px 3px}.annotation-player_knowledge{color:var(--player-fg);font-style:italic}.annotation-theory{background:var(--theory-bg);color:var(--theory-fg);padding:1px 3px}.annotation-character_moment{background:var(--moment-bg);color:var(--moment-fg);padding:1px 3px}.annotation-tag{font:600 9.5px var(--font-mono);background:#00000014;border-radius:8px;padding:7px 10px}.annotation-tag.important{background:var(--important-bg);color:var(--important-fg)}.annotation-tag.question{background:var(--question-bg);color:var(--question-fg)}.annotation-tag.secret{background:var(--secret-bg);color:var(--secret-fg)}.ability-row{border-top:var(--header-border);border-bottom:1px solid var(--gilt-soft);justify-content:space-between;padding:10px 0;display:flex}.ability{text-align:center;flex:1}.ability .label{font:600 8.5px var(--font-mono);color:var(--ink-muted)}.ability .score{font:400 20px/1.2 var(--font-serif)}.ability .mod{font:500 9.5px var(--font-mono);color:var(--accent)}.stat-strip{font:400 11.5px var(--font-mono);color:var(--ink-muted);flex-wrap:wrap;gap:9px;margin-top:9px;display:flex}.stat-strip .sep{color:var(--gilt)}.field-row{font-family:var(--font-serif);border-top:1px solid #00000024;justify-content:space-between;align-items:center;padding:11px 0;font-size:15px;display:flex}.field-row:last-child{border-bottom:1px solid #00000024}.field-row.add{color:var(--accent);cursor:pointer}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75em;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}table{border-collapse:collapse;width:100%}th,td{text-align:left;font-family:var(--font-serif);border-bottom:1px solid #00000024;padding:.5em}th{color:var(--ink-muted);font:600 10px var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.dashed-action{border-radius:var(--card-radius);text-align:center;font:500 10.5px var(--font-mono);letter-spacing:.08em;color:var(--accent);cursor:pointer;background:0 0;border:1.5px dashed #00000047;width:100%;padding:12px}@media (width>=640px){main.content{max-width:620px}}