:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f2e9;--fg:#2f3a2f;--accent:#8a6d2f;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1b1f1b;--fg:#e8e2d0;--accent:#d8c37a}}body{background:var(--bg);color:var(--fg);margin:0}#root{box-sizing:border-box;min-height:100vh;padding:1.5rem}button{font:inherit;border:1px solid var(--accent);min-height:2.75rem;color:var(--fg);background:0 0;border-radius:.5rem;padding:0 1rem}fieldset{border:1px solid var(--accent);border-radius:.5rem;margin-block:.75rem}label{margin-block:.5rem;display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-block-end:1rem;display:flex}.company-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.hero-card{border:1px solid var(--accent);border-radius:.5rem;padding:.5rem .75rem}.hero-card.active{outline:2px solid var(--accent)}.hero-card header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.badge{border:1px solid var(--accent);border-radius:999px;margin-inline-end:.25rem;padding:.1rem .5rem;font-size:.75rem;display:inline-block}.hero-card table{border-collapse:collapse;width:100%;font-size:.9rem}.hero-card td{padding:.15rem .25rem}.die-grid{flex-wrap:wrap;gap:.4rem;display:flex}.roll-panel,.hero-form{border:1px solid var(--accent);border-radius:.5rem;margin-block:1rem;padding:.75rem 1rem}