:root{--color-bg:#fff;--color-fg:#111;--color-muted:#6b7280;--color-accent:#2563eb;--color-danger:#b91c1c;--color-success:#047857;--color-warning:#b45309;--color-border:#d1d5db;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:.25rem;--radius-md:.5rem;--shadow-sm:0 1px 2px 0 #0000000d}@media (prefers-color-scheme:dark){:root{--color-bg:#0b0d12;--color-fg:#e5e7eb;--color-muted:#9ca3af;--color-border:#374151}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-fg);background-color:var(--color-bg);line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover,a:focus{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--space-2);font-weight:600;line-height:1.2}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin:0 0 var(--space-4)}code,pre{font-family:var(--font-mono);font-size:.9em}.container{max-width:64rem;padding:var(--space-4);margin:0 auto}.page{flex-direction:column;min-height:100vh;display:flex}.page__main{flex:1}.page__footer{border-top:1px solid var(--color-border);padding:var(--space-4);color:var(--color-muted);font-size:.875rem}.page__header{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.page__brand{font-size:1.125rem;font-weight:700}.page__nav{gap:var(--space-4);flex-wrap:wrap;flex:1;display:flex}.page__user{align-items:center;gap:var(--space-2);display:flex}.page__user-name{color:var(--color-muted);font-size:.875rem}.page__logout{display:inline}.btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-fg);font:inherit;cursor:pointer;line-height:1.2;text-decoration:none;display:inline-block}.btn:hover,.btn:focus{background-color:var(--color-border);text-decoration:none}.btn--primary{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn--primary:hover,.btn--primary:focus{color:#fff;background-color:#1d4ed8;border-color:#1d4ed8}.btn--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn--danger:hover,.btn--danger:focus{color:#fff;background-color:#991b1b;border-color:#991b1b}.btn--ghost{background-color:#0000}.btn--ghost.btn--danger{color:var(--color-danger);background-color:#0000}.btn--ghost.btn--danger:hover{background-color:var(--color-danger);color:#fff}.alert{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.alert--info{color:#1e40af;background-color:#eff6ff;border-color:#bfdbfe}.alert--error,.alert--danger{color:#991b1b;background-color:#fef2f2;border-color:#fecaca}.alert--success{color:#065f46;background-color:#ecfdf5;border-color:#a7f3d0}@media (prefers-color-scheme:dark){.alert--info{color:#dbeafe;background-color:#1e3a8a;border-color:#1e40af}.alert--error,.alert--danger{color:#fecaca;background-color:#7f1d1d;border-color:#991b1b}.alert--success{color:#a7f3d0;background-color:#064e3b;border-color:#065f46}}.error{color:var(--color-danger);margin:var(--space-1) 0 var(--space-2);font-size:.875rem}.badge{padding:0 var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;background-color:var(--color-border);color:var(--color-fg);font-size:.75rem;font-weight:600;display:inline-block}.badge--active{color:#065f46;background-color:#d1fae5}.badge--prepared{color:#1e40af;background-color:#dbeafe}.badge--concluded,.badge--archived{color:#374151;background-color:#e5e7eb}.badge--reopened{color:#92400e;background-color:#fef3c7}.badge--blocked{color:#991b1b;background-color:#fee2e2}form label{margin-bottom:var(--space-2);font-size:.875rem;display:block}form input,form textarea,form select{width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-fg);font:inherit;display:block}form button+button,form input+button{margin-left:var(--space-2)}table{border-collapse:collapse;width:100%;margin-bottom:var(--space-4)}table th,table td{text-align:left;padding:var(--space-2);border-bottom:1px solid var(--color-border)}table th{background-color:var(--color-border);font-weight:600}.campaign-list,.member-list,.character-list,.session-list{margin:0 0 var(--space-4);padding:0;list-style:none}.campaign-list__item,.member-list__item,.character-list__item,.session-list__item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.campaign-list__state,.member-list__role,.character-list__meta,.character-list__hp,.session-list__when{color:var(--color-muted);font-size:.875rem}.campaign-show__header{margin-bottom:var(--space-6)}.campaign-show__meta{align-items:center;gap:var(--space-2);color:var(--color-muted);flex-wrap:wrap;display:flex}.campaign-show>section{margin-bottom:var(--space-6)}.character-show__sheet{gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4);grid-template-columns:max-content 1fr;display:grid}.character-show__sheet dt{color:var(--color-muted);font-weight:600}.character-show__sheet dd{margin:0}details>summary{margin-bottom:var(--space-3)}details[open]>summary{margin-bottom:var(--space-4)}.character-create__form,.character-edit__form,.character-archive__form,.session-create__form{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.live-session{gap:var(--space-4);flex-direction:column;display:flex}.live-session__party{padding:0;list-style:none}.live-session__party-member{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.live-session__party-meta,.live-session__party-hp{color:var(--color-muted);font-size:.875rem}.live-session__conclude{margin:0 0 var(--space-4)}.welcome{text-align:center;padding:var(--space-8) 0}.welcome__tagline{color:var(--color-muted);font-size:1.125rem}.dice-roller-panel{margin:var(--space-4) 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.dice-roller-panel .card-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.dice-roller-panel .card-header h3{margin:0;font-size:1.125rem}.dice-roller-panel .form-grid{gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:end;display:grid}.dice-roller-panel .form-grid label{gap:var(--space-1);flex-direction:column;font-size:.875rem;display:flex}.dice-roller-panel .form-grid label.checkbox{flex-direction:row;align-items:center}.dice-roller-panel .form-grid input,.dice-roller-panel .form-grid select{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem}.dice-roller-panel .form-grid button[type=submit]{align-self:end}.dice-roll-log{max-height:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.dice-roll-entry{gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--color-border);flex-wrap:wrap;font-size:.9rem;display:flex}.dice-roll-entry:last-child{border-bottom:none}.dice-roll-entry.is-important{background:var(--color-warning-bg,#fff8e1);border-left:3px solid var(--color-warning,#f59e0b);padding-left:calc(var(--space-2) - 3px)}.dice-roll-entry .roller{font-weight:600}.dice-roll-entry .result{align-items:baseline;gap:.25rem;display:inline-flex}.dice-roll-entry .natural{color:var(--color-primary,#2563eb);font-weight:700}.dice-roll-entry .modifier,.dice-roll-entry .equals,.dice-roll-entry .die{color:var(--color-muted)}.dice-roll-entry .total{font-size:1.05rem;font-weight:700}.dice-roll-entry .label{color:var(--color-muted);font-style:italic}.dice-roller-panel .empty,.conditions-panel .empty{color:var(--color-muted);text-align:center;padding:var(--space-3);margin:0;font-style:italic}.conditions-panel{margin-top:var(--space-2);padding:var(--space-2);background:var(--color-surface-subtle,#f9fafb);border-radius:var(--radius-sm);font-size:.875rem}.conditions-title{margin:0 0 var(--space-2);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.conditions-list{gap:var(--space-1) var(--space-2);margin:0 0 var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.condition-pill{align-items:center;gap:var(--space-1);background:var(--color-danger-bg,#fee2e2);color:var(--color-danger,#b91c1c);border-radius:9999px;padding:.125rem .5rem;font-size:.8125rem;font-weight:500;display:inline-flex}.condition-pill .description{color:var(--color-muted);font-style:italic;font-weight:400}.condition-pill .btn--xs{color:var(--color-danger,#b91c1c);padding:0 .25rem;font-size:.75rem;line-height:1}.apply-form{gap:var(--space-1) var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.apply-form select,.apply-form input[type=text]{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem}.apply-form input[type=text]{flex:1;min-width:120px}.btn--xs{padding:.125rem .5rem;font-size:.75rem}.btn--sm{padding:.25rem .75rem;font-size:.875rem}.u-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.u-mt-2{margin-top:var(--space-2)}.u-mt-4{margin-top:var(--space-4)}.u-mb-2{margin-bottom:var(--space-2)}.u-mb-4{margin-bottom:var(--space-4)}.u-text-muted{color:var(--color-muted)}