:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12140f;--bg-elevated:#1a1d15;--bg-hover:#22261b;--bg-sunken:#0c0e0a;--border:#2b3021;--border-strong:#3d4530;--fg:#ede8d8;--fg-muted:#a3ab93;--fg-subtle:#6d7660;--accent:#d6a94a;--accent-strong:#e8c169;--accent-fg:#1a1509;--danger:#e08a7a;--success:#8fc26a;--focus:#6fa8e0;--radius-sm:7px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #00000059;--shadow-glow:0 0 0 1px #d6a94a26, 0 8px 24px #0006;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, ui-serif, serif}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf7ee;--bg-elevated:#fff;--bg-hover:#f2ecd8;--bg-sunken:#f0ead9;--border:#e3dabd;--border-strong:#cec093;--fg:#221f18;--fg-muted:#5c5642;--fg-subtle:#948c6c;--accent:#93691d;--accent-strong:#7a5615;--accent-fg:#fffaf0;--danger:#ab3a29;--success:#3f7a35;--focus:#2f6fb3;--shadow-sm:0 1px 2px #281e0a14;--shadow-md:0 8px 24px #281e0a1a;--shadow-glow:0 0 0 1px #93691d1f, 0 8px 24px #281e0a1a}}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{background:var(--bg);background-image:radial-gradient(ellipse 900px 500px at 15% -10%, color-mix(in srgb, var(--accent) 10%, transparent), transparent), radial-gradient(ellipse 700px 400px at 100% 0%, color-mix(in srgb, var(--accent) 6%, transparent), transparent);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:15px;line-height:1.5}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-serif);letter-spacing:-.01em;margin:0 0 var(--space-2);color:var(--fg);font-weight:600}h1{font-size:1.75rem}h3{align-items:center;gap:var(--space-2);font-size:1.15rem;display:flex}p{margin:0 0 var(--space-3);color:var(--fg-muted)}a{color:var(--accent)}.app-header{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-2);font-family:var(--font-serif);letter-spacing:.01em;color:var(--fg);font-size:1.15rem;font-weight:700;display:flex}.brand-mark{flex-shrink:0;width:26px;height:26px}.nav{gap:var(--space-1);padding:var(--space-1);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-md);scrollbar-width:none;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav button{min-height:2.25rem;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--fg-muted);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.nav button:hover{color:var(--fg);background:var(--bg-hover)}.nav button.active{background:var(--accent);color:var(--accent-fg)}.nav button .count{background:color-mix(in srgb, currentColor 20%, transparent);border-radius:999px;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;padding:0 4px;font-size:.65rem;display:inline-flex}main{max-width:880px;padding:var(--space-5) var(--space-5) var(--space-7);margin:0 auto}.view{gap:var(--space-5);flex-direction:column;display:flex}.view-intro{margin-bottom:calc(var(--space-4) * -1)}.view-intro h2{font-family:var(--font-serif);margin-bottom:2px;font-size:1.4rem}.view-intro p{margin:0}.welcome{text-align:center;padding:var(--space-7) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:radial-gradient(ellipse 500px 260px at 50% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent), var(--bg-elevated);box-shadow:var(--shadow-md)}.welcome .brand-mark{width:56px;height:56px;margin:0 auto var(--space-4)}.welcome h1{margin-bottom:var(--space-2);font-size:clamp(1.75rem,4vw,2.5rem)}.welcome p{max-width:34em;margin-inline:auto;font-size:1.02rem}.welcome .lede{color:var(--fg);font-size:1.1rem}.welcome-actions{margin-top:var(--space-5);justify-content:center;gap:var(--space-3);display:flex}.welcome-facts{margin-top:var(--space-6);gap:var(--space-4);text-align:left;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.welcome-facts div{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.welcome-facts strong{font-family:var(--font-serif);color:var(--fg);margin-bottom:2px;display:block}.welcome-facts span{color:var(--fg-muted);font-size:.85rem}button{font:inherit;cursor:pointer;min-height:2.5rem;padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--fg);transition:background .15s,border-color .15s,transform 80ms,box-shadow .15s}button:hover{background:var(--bg-hover);border-color:var(--accent)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:1px}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-sm);font-weight:700}button.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);box-shadow:var(--shadow-md)}button.ghost{color:var(--fg-muted);background:0 0;border-color:#0000}button.ghost:hover{color:var(--fg);background:var(--bg-hover)}button.big{min-height:3rem;padding:0 var(--space-5);border-radius:var(--radius-md);font-size:1rem}input,select,textarea{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);width:100%;min-height:2.25rem;transition:border-color .15s}input:hover,select:hover,textarea:hover{border-color:var(--fg-subtle)}textarea{resize:vertical;min-height:4.5rem}label{margin-block:var(--space-3);color:var(--fg-muted);font-size:.85rem;font-weight:600;display:block}label input,label select,label textarea{color:var(--fg);margin-top:6px;font-weight:400}fieldset{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4) var(--space-4);margin-block:var(--space-3)}legend{padding:0 var(--space-2);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle);font-size:.75rem;font-weight:700}.toolbar{gap:var(--space-4);flex-wrap:wrap;align-items:center;margin-block-end:var(--space-4);display:flex}.roll-panel,.hero-form{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);padding:var(--space-5);box-shadow:var(--shadow-sm)}.company-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.hero-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.hero-card.active{border-color:var(--accent);box-shadow:var(--shadow-glow)}.hero-card header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.hero-card header h4{font-family:var(--font-serif);flex:1;margin:0;font-size:1.05rem}.hero-card header button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:700}.chronicle-list{margin-block:var(--space-4);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.chronicle-entry{border-block-end:1px solid var(--border);padding-block-end:var(--space-2);font-size:.9rem}.chronicle-entry .entry-meta{color:var(--fg-muted);font-size:.72rem;display:block}.chronicle-entry .entry-prose{font-family:var(--font-serif);white-space:pre-wrap;margin-block:var(--space-1) 0}.chronicle-entry.prose{border-inline-start:3px solid var(--accent);padding-inline-start:var(--space-3)}.combat-overview{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-block-end:var(--space-4);display:grid}.combatant{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);padding:var(--space-2) var(--space-3);font-size:.85rem}.combatant header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.combatant header h4{font-family:var(--font-serif);flex:1;margin:0;font-size:.95rem}.combatant p{margin-block:var(--space-1)}.combatant.adversary{border-color:var(--danger)}.combatant.out{opacity:.5}.badge{text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--danger);color:var(--danger);padding:2px var(--space-2);border-radius:999px;margin-block-end:var(--space-1);margin-inline-end:var(--space-1);font-size:.7rem;font-weight:700;display:inline-block}.hero-card table{border-collapse:collapse;width:100%;margin-top:var(--space-2);font-size:.85rem}.hero-card td{padding:3px var(--space-1);border-top:1px solid var(--border)}.hero-card td:first-child{color:var(--fg-muted);text-transform:capitalize}.hero-card td:last-child{text-align:right;white-space:nowrap}.hero-card td:last-child button{min-width:1.75rem;min-height:1.75rem;padding:0;line-height:1}.die-grid{gap:var(--space-2);margin-block:var(--space-2);flex-wrap:wrap;display:flex}.die-grid button{min-width:2.5rem;padding:0 var(--space-2);font-weight:600}[role=status]{color:var(--accent);font-size:.9rem;font-weight:600}.app-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);align-items:center;gap:var(--space-3);color:var(--fg-subtle);flex-wrap:wrap;font-size:.85rem;display:flex}.app-footer button{min-height:2rem;padding:0 var(--space-3);font-size:.8rem}@media (width<=560px){.app-header{padding:var(--space-3)}main{padding:var(--space-4) var(--space-3) var(--space-6)}.brand span{display:none}}