:root{--bg:#f7f6f3;--panel:#ffffff;--border:#ddd8cf;--text:#23201b;--muted:#6f6858;--accent:#7a2e2e;--accent-soft:#f2e4e0;--pc:#2f5d50;--enemy:#7a2e2e;--ally:#3f5a7a;--neutral:#6f6858;--danger:#a33;--ok:#3a6b4a}@media (prefers-color-scheme:dark){:root{--bg:#17161a;--panel:#201f24;--border:#35333c;--text:#e8e4dc;--muted:#9c9488;--accent:#c96a5c;--accent-soft:#33262a;--pc:#6fae95;--enemy:#c96a5c;--ally:#7fa0c8;--neutral:#9c9488;--danger:#d9736b;--ok:#7ab98d}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5}html:has(dialog[open]){overflow:hidden;scrollbar-gutter:stable}a{color:var(--accent)}.wrap{max-width:900px;margin:0 auto;padding:1.5rem 1rem 4rem}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.topbar h1{font-size:1.25rem;margin:0}.round{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.controls{display:flex;gap:.5rem}button{font:inherit;padding:.35rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.list{display:flex;flex-direction:column;gap:.4rem}.row{display:grid;grid-template-columns:2.5rem 1fr auto;grid-gap:.75rem;gap:.75rem;align-items:center;padding:.6rem .75rem;background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--neutral);border-radius:8px}.row.pc{border-left-color:var(--pc)}.row.enemy{border-left-color:var(--enemy)}.row.ally{border-left-color:var(--ally)}.row.active{outline:2px solid var(--accent);background:var(--accent-soft)}.row.dead{opacity:.45}.init{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center;font-size:1.1rem}.init,.name{font-weight:600}.meta{color:var(--muted);font-size:.85rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.hp{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hp.hurt{color:var(--danger)}.bar{width:100%;height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-top:.3rem}.bar>span{display:block;height:100%;width:var(--hp-pct);background:var(--ok)}.bar>span.low{background:var(--danger)}.actions{display:flex;gap:.3rem;align-items:center}.actions input[type=number]{width:3.75rem;font:inherit;padding:.3rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.tag{font-size:.75rem;padding:.05rem .4rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}button.tag{background:transparent;line-height:inherit;cursor:pointer}.tag.cond{border-color:var(--accent);color:var(--accent)}.tag.add{border-style:dashed}.entry{display:flex;flex-direction:column}.picker{border:1px solid var(--accent);border-top:none;border-radius:0 0 8px 8px;background:var(--panel);padding:.6rem .75rem;margin:-.2rem .5rem 0}.picker-row{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.picker .rules{margin:.5rem 0 0;font-size:.8rem;color:var(--muted)}select{font:inherit;font-size:.9rem;padding:.25rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text)}select.flagged{border-color:var(--accent);color:var(--accent);font-weight:600}.picker input[type=number],.picker input[type=text]{font:inherit;font-size:.9rem;padding:.25rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.picker input[type=number]{width:5rem}.crit{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:.2rem}.prompts{margin:1rem 0;padding:.75rem 1rem;border:1px solid var(--accent);background:var(--accent-soft);border-radius:8px}.prompts h2{font-size:.95rem;margin:0 0 .5rem}.prompt{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.3rem 0;flex-wrap:wrap}.err{color:var(--danger);font-size:.85rem}.addpanel{border-radius:8px;border-top:1px solid var(--accent);margin:0 0 1rem}.addpanel .picker-row+.picker-row{margin-top:.5rem}.addpanel input[type=number],.addpanel input[type=text],.addpanel select{font:inherit;font-size:.9rem;padding:.25rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.addpanel input[type=number]{width:6rem}.tag.remove{border-style:dashed;opacity:.6}.tag.remove:hover{opacity:1;border-color:var(--danger);color:var(--danger)}.crumbs{display:flex;gap:.4rem;align-items:center;font-size:.85rem;margin-bottom:.75rem;flex-wrap:wrap}.crumbs,.crumbs a{color:var(--muted)}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--accent);text-decoration:underline}section{margin-bottom:2rem}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.sectionhead h2{font-size:1rem;margin:0}.row.simple{grid-template-columns:1fr auto;color:var(--text)}.tabs{display:flex;gap:.3rem;margin-bottom:.6rem}.tabs button.active{border-color:var(--accent);color:var(--accent);font-weight:600}.rosterhead{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:.6rem 0 .3rem}.rosterrow{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.rosterrow:last-of-type{border-bottom:none}.rosterrow .actions input[type=number]{width:3.5rem}.attribution{max-width:900px;margin:0 auto;padding:1rem;font-size:.75rem;border-top:1px solid var(--border)}.attribution,.attribution a{color:var(--muted)}.attribution .version{font-family:var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace)}.tag.warn{border-color:var(--danger);color:var(--danger)}.panelhead{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--panel);padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.panelhead .tabs{margin-bottom:0}.scrolllist{max-height:22rem;overflow-y:auto;overscroll-behavior:contain}.addpanel{max-height:32rem;overflow-y:auto}.tag.inFight{border-color:var(--ok);color:var(--ok)}.rosterhead{position:-webkit-sticky;position:sticky;top:0;background:var(--panel);z-index:1}.login-hint{font-size:.8rem;color:var(--muted)}.difficulty{font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.diff-trivial{color:var(--muted)}.diff-easy{color:var(--ok)}.diff-medium{color:var(--text)}.diff-hard{color:var(--accent)}.diff-deadly{color:var(--danger)}.tag.diff-hard{border-color:var(--accent)}.tag.diff-deadly{border-color:var(--danger)}.row.selectable{grid-template-columns:1.25rem 2.5rem 1fr auto}.row.grouped{border-style:dashed dashed dashed solid}.hint{font-size:.8rem;color:var(--muted)}button.tag.saved{border-color:var(--ok);color:var(--ok);font-weight:600}button.tag.flagged{border-style:dashed;border-color:var(--accent);color:var(--accent)}.lastroll{font-family:ui-monospace,monospace;font-size:.85rem;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dice-err{color:var(--danger)}.rolllog{margin-top:.6rem;max-height:13rem;overflow-y:auto;border-top:1px solid var(--border);padding-top:.5rem}.addpanel.flush{margin:0}.wrap.narrow{max-width:480px}.picker-row.stacked{flex-direction:column;align-items:stretch}a.row,a.row:hover{text-decoration:none;color:inherit}@media (max-width:720px){.wrap{padding:1rem .75rem 3rem}.row{grid-template-columns:2.5rem 1fr;row-gap:.5rem}.row>:nth-child(3){grid-column:1/-1}.row.selectable{grid-template-columns:1.25rem 2.5rem 1fr}.row.selectable>:nth-child(4){grid-column:1/-1}.row.simple{grid-template-columns:1fr}.meta,.name{overflow-wrap:anywhere}}@media (max-width:460px){.row,.row.selectable{grid-template-columns:1fr}.row .init{text-align:left;font-size:1rem}.topbar h1{font-size:1.1rem}}@media (pointer:coarse){input,select,textarea{font-size:16px}.tag,button{min-height:2rem}}