:root{--bg:#fff;--surface:#faf9fb;--surface-raised:#fff;--surface-subtle:#08060d09;--code-bg:#f4f3ec;--input-bg:#fff;--overlay:#00000073;--surface-sunken:var(--code-bg);--panel-alt:var(--code-bg);--text:#6b6375;--text-h:#08060d;--text-muted:#8b8594;--border:#e5e4e7;--border-strong:#cfcbd6;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--on-accent:#fff;--on-status:#fff;--on-override:#111;--danger:#dc2626;--danger-text:#b91c1c;--danger-bg:#dc26261a;--danger-border:#dc262666;--success:#16a34a;--success-text:#15803d;--success-bg:#16a34a1a;--success-border:#16a34a66;--warning:#d97706;--warning-text:#b45309;--warning-bg:#d977061a;--warning-border:#d9770666;--info:#2563eb;--info-text:#1d4ed8;--info-bg:#2563eb1a;--info-border:#2563eb66;--override:#d97706;--override-bg:#d977061f;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--text-2xs:10px;--text-xs:11px;--text-sm:13px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--shadow-pop:0 10px 28px #0003;--z-sticky:15;--z-menu:40;--z-modal:100;--z-toast:200;--z-tooltip:300;--z-status:1000;--tap:44px;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--bg:#16171d;--surface:#1b1c23;--surface-raised:#1f2028;--surface-subtle:#ffffff0a;--code-bg:#1f2028;--input-bg:#0000004d;--overlay:#0009;--text:#9ca3af;--text-h:#f3f4f6;--text-muted:#6b7280;--border:#2e303a;--border-strong:#fff3;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--on-accent:#111217;--danger:#ef4444;--danger-text:#f87171;--danger-bg:#ef444433;--danger-border:#ef444480;--success:#22c55e;--success-text:#4ade80;--success-bg:#22c55e26;--success-border:#22c55e66;--warning:#f59e0b;--warning-text:#fbbf24;--warning-bg:#f59e0b26;--warning-border:#f59e0b66;--info:#60a5fa;--info-text:#60a5fa;--info-bg:#60a5fa26;--info-border:#60a5fa66;--override:#f5a623;--override-bg:#f5a62326;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--shadow-pop:0 10px 28px #00000073}}body{margin:0}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}#root>*{min-width:0;max-width:100%}h1,h2,h3{font-family:var(--heading);color:var(--text-h)}h1{font-size:var(--text-2xl);margin:0;font-weight:700;line-height:1.15}h2{font-size:var(--text-xl);margin:0 0 var(--space-2);font-weight:600;line-height:1.2}h3{font-size:var(--text-lg);margin:0 0 var(--space-2);font-weight:600}p{margin:0}code{font-family:var(--mono);font-size:var(--text-md);border-radius:var(--radius-sm);background:var(--code-bg);color:var(--text-h);padding:2px 6px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-page{max-width:1100px;padding:var(--space-4);box-sizing:border-box;width:100%;margin:0 auto}.app-page.narrow{max-width:900px}.page-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-header-title{flex:240px;min-width:0}.page-header-title p{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text)}.page-header-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}@media (width<=600px){.page-header{align-items:flex-start}.page-header-title{flex-basis:0}.page-header h1{font-size:var(--text-xl)}}.app-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.btn{font:inherit;font-size:var(--text-md);padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text-h);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.secondary{border-color:var(--border-strong);background:0 0}.btn.secondary:hover:not(:disabled){background:var(--surface-subtle);border-color:var(--accent);color:var(--text-h)}.btn.danger{border-color:var(--danger);background:var(--danger);color:var(--on-status)}.btn.danger:hover:not(:disabled){background:var(--danger-text);border-color:var(--danger-text);color:var(--on-status)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--surface-subtle);color:var(--text-h)}.btn.small{font-size:var(--text-sm);padding:var(--space-1) 10px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{border-radius:var(--radius);border:1px solid var(--border);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover:not(:disabled){border-color:var(--accent);color:var(--text-h)}.btn-icon.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger-text)}.icon-btn{font:inherit;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius);border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;line-height:1}.icon-btn:hover{border-color:var(--danger);color:var(--danger-text)}.link-button{color:var(--accent);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;padding:0;font-weight:600}.link-button:hover{text-decoration:underline}.button-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.button-row.end{justify-content:flex-end}@media (pointer:coarse){.btn{min-height:40px}.btn-icon{width:var(--tap);height:var(--tap)}.icon-btn{min-width:36px;min-height:36px}}input:not([type]),input[type=text],input[type=number],input[type=search],input[type=password],input[type=email],input[type=url],textarea,select{font:inherit;padding:var(--space-1) var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-h)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}.input{box-sizing:border-box;width:100%;min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--text-md)}.input.code{text-transform:uppercase;letter-spacing:.08em;font-weight:600}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{font-size:var(--text-sm);color:var(--text-h);font-weight:600}.field-help{font-size:var(--text-sm);color:var(--text)}.field-row{gap:var(--space-2);align-items:stretch;display:flex}.field-row>.input{flex:auto}.hint{font-size:var(--text-sm);color:var(--text)}.ds-empty,.empty-state{padding:18px var(--space-1);color:var(--text);font-size:var(--text-md);text-align:center}.empty-state .button-row{margin-top:var(--space-4);justify-content:center}.empty-state h2+.hint,.empty-state h3+.hint{margin-top:var(--space-1)}.muted{color:var(--text-muted)}.danger-text{color:var(--danger-text);font-weight:600}.badge{border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap;padding:2px 6px;font-weight:600;line-height:1.3;display:inline-block}.badge.accent{background:var(--accent);color:var(--on-accent)}.ds-chip,.chip{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--panel-alt,var(--surface));font-size:var(--text-sm);color:var(--text-h);padding:3px 9px;display:inline-flex}button.ds-chip,button.chip{cursor:pointer;font-family:inherit}button.ds-chip:hover,button.chip:hover{border-color:var(--accent)}button.ds-chip.active,button.chip.active,.chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.ds-count,.count-badge{border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-2xs);vertical-align:middle;margin-left:6px;padding:0 6px;font-weight:700;line-height:16px;display:inline-block}.notice{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-subtle);font-size:var(--text-sm);color:var(--text-h)}.notice.info{border-color:var(--info-border);background:var(--info-bg)}.notice.success{border-color:var(--success-border);background:var(--success-bg);color:var(--success-text)}.notice.warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}.notice.danger{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.status-dot{background:var(--text-muted);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.status-dot.ok{background:var(--success)}.status-dot.busy{background:var(--info)}.status-dot.warn{background:var(--warning)}.status-dot.bad{background:var(--danger)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--code-bg)}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--surface)}.panel+.panel{margin-top:var(--space-3)}.panel-title{margin:0 0 var(--space-2);font-size:var(--text-md);color:var(--text-h);font-weight:700}.section-divider{height:1px;margin:var(--space-4) 0;background:var(--border);border:none}.modal-backdrop{background:var(--overlay);z-index:var(--z-modal);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-sizing:border-box;width:100%;max-width:560px;max-height:80vh;box-shadow:var(--shadow-pop);overflow-y:auto}.modal-panel.wide{max-width:760px}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.modal-header h2{margin:0}.modal-header .hint{margin-top:var(--space-1)}.modal-footer{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;justify-content:flex-end;display:flex}@media (width<=600px){.modal-backdrop{align-items:flex-end;padding:0}.modal-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:88vh;padding:var(--space-4)}}table.data-table{border-collapse:collapse;width:100%;font-size:var(--text-md)}table.data-table th,table.data-table td{text-align:left;padding:6px var(--space-2);border-bottom:1px solid var(--border)}.grid-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=700px){.grid-2{grid-template-columns:1fr}}.progress-bar{border-radius:var(--radius-pill);background:var(--code-bg);border:1px solid var(--border);height:10px;overflow:hidden}.progress-bar-fill{height:100%}.wizard-steps{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.wizard-step{padding:var(--space-1) 10px;border-radius:var(--radius-lg);border:1px solid var(--border);font-size:var(--text-sm)}.wizard-step.active{border-color:var(--accent);color:var(--accent);font-weight:600}.wizard-step.done{background:var(--accent-bg)}.app-status-bar{z-index:var(--z-status);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);background:var(--code-bg);color:var(--text-h);text-align:center;position:fixed;top:0;left:0;right:0}.status-tag{border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-subtle);font-size:var(--text-sm);color:var(--text-h);align-items:center;gap:6px;padding:4px 6px 4px 12px;display:inline-flex}.status-tag.concentration{border-color:var(--accent-border);background:var(--accent-bg)}.status-tag.concentration .link-button{font-weight:700}.status-tag.condition{border-color:var(--warning-border,var(--border-strong));background:var(--warning-bg,var(--surface-subtle));color:var(--warning-text,var(--text-h));font-weight:600}.status-tag-name{cursor:help}.status-tag.add{color:var(--text);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border-style:dashed;padding:4px 12px 4px 9px}.status-tag.add:hover{border-color:var(--accent);color:var(--text-h)}.status-tag.exhaustion{border-color:var(--warning-border,var(--border-strong));background:var(--warning-bg,var(--surface-subtle));color:var(--warning-text,var(--text-h));padding-right:12px}.status-tag.exhaustion.dead{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text);font-weight:700}button.status-tag.choices{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);font:inherit;font-size:var(--text-sm);cursor:pointer;padding-right:12px;font-weight:700}.status-tag-end{width:24px;height:24px;color:var(--text);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0}.status-tag-end:hover{background:var(--border)}@media (pointer:coarse){.status-tag-end{width:36px;height:36px}}.modal-panel:focus{outline:none}.status-tag.boost{border-color:var(--accent-border);background:var(--accent-bg)}.status-tag.boost.blocked{opacity:.6;border-style:dashed}.home-actions{margin-bottom:var(--space-5)}.home-empty{text-align:center;padding:var(--space-8) var(--space-5)}.home-empty-title{margin-bottom:var(--space-2);font-size:var(--text-lg);color:var(--text-h)}.home-empty-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-direction:column;display:flex}.home-create{min-width:220px;min-height:48px;font-size:var(--text-lg)}.code-choices{gap:var(--space-3);flex-direction:column;display:flex}.code-choice{align-items:flex-start;gap:var(--space-1);min-height:var(--tap);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-h);font:inherit;text-align:left;cursor:pointer;flex-direction:column;display:flex}.code-choice:hover,.code-choice:focus-visible{border-color:var(--accent-border);background:var(--accent-bg)}.character-cards{gap:var(--space-3);flex-direction:column;display:flex}.character-cards .card{margin-bottom:0}.character-card{flex-wrap:wrap;align-items:center;gap:16px;padding:14px 18px;display:flex}.character-card-portrait{border:2px solid var(--accent);background:var(--surface-subtle);width:52px;height:52px;font-size:var(--text-xl);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.character-card-info{flex:220px;min-width:0}.character-card-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.character-card-name{font-size:var(--text-lg);color:var(--text-h)}.character-card-badge{font-size:var(--text-xs);border-radius:var(--radius-sm);border:1px solid var(--border);padding:2px 8px}.character-card-badge.claimed{color:var(--info-text);border-color:var(--border-strong)}.character-card-badge.deleted{color:var(--danger-text);background:var(--danger-bg);border-color:var(--danger-border)}.character-card-meta{font-size:var(--text-sm);color:var(--text);margin-top:4px}.character-card-campaign{color:var(--info-text);margin-left:8px}.character-card-note{font-size:var(--text-sm);color:var(--text);margin-top:4px}.character-card-vitals{align-items:center;gap:14px;display:flex}.character-card-hp{flex-direction:column;gap:4px;width:120px;display:flex}.character-card-hp-label{font-size:var(--text-sm);color:var(--text);white-space:nowrap}.character-card-hp-label strong{color:var(--text-h);font-size:var(--text-md)}.character-card-temp{color:var(--info-text)}.character-card-hp-bar{background:var(--surface-subtle);border:1px solid var(--border);border-radius:3px;height:6px;display:block;overflow:hidden}.character-card-hp-bar>span{background:var(--success);height:100%;display:block}.character-card-hp-bar.low>span{background:var(--warning)}.character-card-hp-bar.critical>span{background:var(--danger)}.character-card-ac{border:2px solid var(--accent);background:var(--accent-bg);border-radius:8px 8px 50% 50%/8px 8px 45% 45%;flex-direction:column;justify-content:center;align-items:center;width:44px;height:48px;line-height:1.1;display:flex}.character-card-ac span{font-size:var(--text-2xs);letter-spacing:.06em;color:var(--text);font-weight:700}.character-card-ac strong{font-size:var(--text-lg);color:var(--text-h)}.character-card-actions{flex-wrap:wrap;gap:8px;display:flex}.toast-host{left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));z-index:var(--z-toast);gap:var(--space-2);width:min(480px, calc(100vw - 2 * var(--space-4)));pointer-events:none;flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-2);padding:10px var(--space-2) 10px var(--space-4);border:1px solid var(--border-strong);border-left:4px solid var(--accent);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-pop);color:var(--text-h);font-size:var(--text-sm);pointer-events:auto;animation:.18s ease-out toast-in;display:flex}.toast.success{border-left-color:var(--success)}.toast.warning{border-left-color:var(--warning)}.toast.danger{border-left-color:var(--danger)}.toast-message{flex:1;min-width:0}.toast-action{padding:6px var(--space-3);border:1px solid var(--accent-border);border-radius:var(--radius);background:var(--accent-bg);color:var(--text-h);font:inherit;font-size:var(--text-sm);cursor:pointer;flex:none;font-weight:700}.toast-action:hover{background:var(--accent);color:var(--on-accent)}.toast-close{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.toast-close:hover{background:var(--surface-subtle)}@media (pointer:coarse){.toast-action{min-height:var(--tap)}.toast-close{width:var(--tap);height:var(--tap)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}