:root{--bg: #15171c;--surface: #1e2129;--surface-2: #272b35;--border: #363b48;--text: #e8e6e1;--muted: #9aa0ad;--accent: #d4a24c;--accent-text: #1b1406;--danger: #e0645c;--ok: #5fb37a;--info: #6aa5e0;--radius: 10px;--shadow: 0 6px 24px rgb(0 0 0 / .35);--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-title: Georgia, "Times New Roman", serif;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #f5f1e8;--surface: #fffdf8;--surface-2: #efe9dc;--border: #d9d0bd;--text: #2a2620;--muted: #6d6658;--accent: #9a6a12;--accent-text: #ffffff;--danger: #b3362e;--ok: #2f7d4a;--info: #2d6aa8;--shadow: 0 6px 24px rgb(60 40 10 / .12);color-scheme:light}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5}h1,h2,h3{font-family:var(--font-title);line-height:1.2;margin:0 0 .5em}h1{font-size:1.8rem}h2{font-size:1.35rem}h3{font-size:1.1rem}a{color:var(--accent)}p{margin:0 0 .75em}main.page{max-width:64rem;margin:0 auto;padding:1.25rem 1rem 4rem}main.page:has(app-combat-page){max-width:110rem}.muted{color:var(--muted)}.small{font-size:.875rem}.danger-text{color:var(--danger)}.ok-text{color:var(--ok)}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.spacer{flex:1}.stack>*+*{margin-top:1rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}a.card{display:block;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}a.card:hover{border-color:var(--accent);transform:translateY(-1px)}.card h3{margin-bottom:.25rem}.grid>.empty{grid-column:1 / -1}.empty{text-align:center;padding:2rem 1rem;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius)}button,.button{font:inherit;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;text-decoration:none;white-space:nowrap}button:hover:not(:disabled),.button:hover{border-color:var(--accent)}button:disabled{opacity:.55;cursor:not-allowed}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.danger{color:var(--danger)}button.link{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline}button.small,.button.small{padding:.25rem .6rem;font-size:.875rem}label{display:block;font-size:.875rem;color:var(--muted)}label>input,label>select,label>textarea{margin-top:.25rem}input,select,textarea{font:inherit;width:100%;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}input[type=checkbox]{width:auto;accent-color:var(--accent)}label.check{display:flex;gap:.5rem;align-items:center;color:var(--text)}textarea{min-height:7rem;resize:vertical}input.invalid,select.invalid,textarea.invalid{border-color:var(--danger)}.field-error{color:var(--danger);font-size:.8rem;margin-top:.2rem}fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin:0}legend{padding:0 .4rem;font-family:var(--font-title);font-size:1.05rem}.form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.form-grid .wide{grid-column:1 / -1}.form-grid>button{align-self:end;justify-self:start}fieldset>button{margin-top:.75rem}nav.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin:1rem 0 1.25rem;overflow-x:auto}nav.tabs a{padding:.55rem .9rem;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}nav.tabs a.active{color:var(--text);border-bottom-color:var(--accent)}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.badge.accent{border-color:var(--accent);color:var(--accent)}.badge.ok{border-color:var(--ok);color:var(--ok)}.badge.danger{border-color:var(--danger);color:var(--danger)}.avatar{border-radius:50%;object-fit:cover;background:var(--surface-2);flex-shrink:0}ul.list{list-style:none;padding:0;margin:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}ul.list>li{padding:.75rem 1rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}ul.list>li+li{border-top:1px solid var(--border)}.notice{padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);border-left:4px solid var(--info);background:var(--surface)}.notice.warn{border-left-color:var(--accent)}.notice.error{border-left-color:var(--danger)}dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:1.25rem;width:min(32rem,calc(100vw - 2rem));box-shadow:var(--shadow)}dialog::backdrop{background:#0000008c}.markdown{overflow-wrap:anywhere}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown table{border-collapse:collapse}.markdown th,.markdown td{border:1px solid var(--border);padding:.25rem .5rem}.markdown blockquote{margin:.5rem 0;padding-left:.75rem;border-left:3px solid var(--accent);color:var(--muted)}.markdown code{background:var(--surface-2);padding:.05rem .3rem;border-radius:4px}.abilities{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;text-align:center}.abilities>div,.abilities>label{background:var(--surface-2);border-radius:8px;padding:.4rem .3rem;color:var(--text)}.abilities input{text-align:center;padding:.3rem}.abilities .label{font-size:.75rem;color:var(--muted)}.abilities .score{font-size:1.15rem;font-weight:600}@media(max-width:40rem){.abilities{grid-template-columns:repeat(3,1fr)}}