:root{--ground:#14110e;--panel:#1e1a16;--panel-2:#262119;--line:#3a322a;--ink:#f2ece2;--dim:#9c9086;--gold:#c8a24a;--gold-line:#6a5526;--blood:#a8322c;--blood-line:#5c211e;--blood-ink:#ef8a84;--violet:#7a5aa8;--violet-panel:#241c33;--violet-ink:#c3a8ea;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif;line-height:1.5}html{scrollbar-gutter:stable}body{background:var(--ground);color:var(--ink);margin:0}a{color:var(--gold)}button,input,textarea,select{border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:.5rem}input:focus-visible,textarea:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:disabled{opacity:.45;cursor:default}.screen{max-width:40rem;margin:0 auto;padding:1rem}.muted{color:var(--dim)}.error{color:var(--blood-ink)}.save-status-slot{min-height:2.35rem;position:fixed}.save-status{max-width:40rem;margin:0 auto;padding:.5rem 1rem;font-size:.9rem}.save-status.error{border:2px solid;border-radius:.25rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem auto;padding:.75rem 1rem;font-size:1rem;display:flex}.save-status.error p{margin:0}.band-list{margin:0;padding:0;list-style:none}.band-list li{border-bottom:1px solid var(--line);padding:.75rem 0}.up{margin-bottom:.5rem;display:inline-block}.figure{font-size:1.25rem}.figure output{font-weight:700}.roster{margin:0;padding:0;list-style:none}.roster li{border-bottom:1px solid var(--line)}.roster li:not(:has(.roster-row)){padding:.75rem 0}.editor{max-width:64rem;margin:0 auto;padding:1rem}.editor-header h1{margin-top:0}.editor-panes{grid-template-columns:16.5rem minmax(0,1fr);align-items:start;gap:2rem;display:grid}@media (width<=54rem){.editor-panes{grid-template-columns:minmax(0,1fr)}}.roster-rail h2{margin-top:0}.roster-rail input,.roster-rail button{width:100%;min-width:0}.roster-row{width:100%;color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;gap:.5rem;padding:.75rem .5rem;display:flex}.roster-row[aria-current=true]{background:var(--panel-2);font-weight:600}.model-detail h2{margin-top:0}.statistics{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem 1rem;display:grid}.field{flex-direction:column;align-items:start;gap:.25rem;margin-bottom:.75rem;display:flex}.entries{flex-direction:column;gap:.5rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.entry{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.entry input{flex:10rem;min-width:10rem}select{font:inherit;padding:.4rem}form{flex-direction:column;align-items:start;gap:.5rem;display:flex}input{font:inherit;min-width:16rem;padding:.5rem}button{font:inherit;cursor:pointer;padding:.5rem 1rem}.game-card{border:1px solid var(--line);border-radius:.5rem;margin:1rem 0;padding:.75rem 1rem}.game-card h2{margin-top:0}.game-opponent{margin:0 0 .5rem}.game-card .quiet{color:inherit;opacity:.7;background:0 0;border:none;margin-top:.75rem;padding-left:0;text-decoration:underline;display:block}.abandon{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.abandon p{flex-basis:100%;margin:0}.battle{max-width:36rem;margin:0 auto;padding:0 1rem 1rem;line-height:1.4}.battle h3{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:1.25rem 0 .5rem;font-size:.75rem;font-weight:650}.battle-end{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}.battle-header{z-index:1;background:var(--ground);border-bottom:1px solid var(--line);padding-top:1rem;position:sticky;top:0;box-shadow:0 6px 18px #00000073}.battle-header .up{color:var(--dim);font-size:.85rem;text-decoration:none}.battle-bar .figure{color:var(--dim);font-size:.8rem}.battle-bar .figure output{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.95rem}.battle-bar{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;display:flex}.battle-bar .figure{margin:0}.turn{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;align-items:center;gap:.5rem;margin-left:auto;padding:.25rem .35rem .25rem .75rem;display:flex}.turn button{background:var(--line);border:0;border-radius:999px;width:1.9rem;height:1.9rem;padding:0;font-size:1.05rem;line-height:1}.band-grid ul{grid-template-columns:repeat(3,1fr);gap:.35rem;margin:.5rem 0;padding:0;list-style:none;display:grid}.grid-entry{text-align:left;border:1px solid var(--line);background:var(--panel-2);width:100%;color:inherit;border-radius:.625rem;flex-direction:column;align-items:start;gap:.2rem;height:100%;padding:.45rem .5rem;display:flex}.grid-entry[aria-current=true]{border-color:var(--gold);background:#2e2618}.entry-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;font-weight:600;overflow:hidden}.entry-figures,.entry-gone,.entry-condition{font-size:.68rem}.entry-figures{font-variant-numeric:tabular-nums}.entry-bar{gap:1px;width:100%;height:10px;margin-top:.1rem;display:flex}.entry-bar i{background:var(--line);border-radius:1px;flex:1}.entry-bar i.on{background:var(--blood)}.entry-bar i.on.shaded{background:#d1552c}.entry-bar .entry-wounds{margin-left:.3rem;font-size:.68rem;line-height:10px}.entry-pips{align-items:center;gap:3px;margin-top:.1rem;display:flex}.entry-pips i{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;width:9px;height:9px}.entry-pips i.on{background:var(--gold);border-color:#e6c477}.grid-entry:has(.entry-gone){opacity:.45}.entry-gone{letter-spacing:.06em;text-transform:uppercase;color:var(--blood-ink);font-weight:600}.entry-condition{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--violet);background:var(--violet-panel);max-width:100%;color:var(--violet-ink);border-radius:999px;padding:.05rem .4rem;overflow:hidden}.combatant-detail h2{margin-bottom:.25rem;font-size:1.5rem;font-weight:650}.combatant-header p{margin-top:0}.wounds,.fate{border:1px solid var(--line);background:var(--panel);border-radius:.875rem;margin-top:.75rem;padding:.75rem}.battle .wounds h3,.battle .fate h3{margin-top:0}.counter-pad{align-items:stretch;gap:.5rem;display:flex}.counter-pad button{min-height:3.875rem;color:var(--dim);border-radius:.75rem;flex:1;font-size:1.5rem;font-weight:600;line-height:1}.wounds .counter-pad button:last-of-type{border-color:var(--blood-line);color:#ffd5d2;background:#3a1f1c}.fate .counter-pad button:last-of-type{border-color:var(--gold-line);color:var(--gold)}.counter-pad output{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:5rem;font-size:1.4rem;font-weight:700;display:flex}.fate .counter-pad output{color:var(--gold)}.fate-pips{justify-content:center;align-items:center;gap:.4rem;margin:.7rem 0 0;padding:0;list-style:none;display:flex}.fate-pips li{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;width:1.125rem;height:1.125rem}.fate-pips li.on{background:var(--gold);border-color:#e6c477}.wound-track{grid-template-columns:repeat(17,1fr);gap:2px;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.wound-box{aspect-ratio:1;border:1px solid var(--line);background:var(--panel-2);border-radius:2px;width:100%;min-height:1.125rem;padding:0}.wound-box.shaded{background:#35291d;border-color:#574430}.wound-box.last{background:#33201d;border-color:#6d3630}.wound-box[aria-pressed=true]{background:var(--blood);border-color:#d0524b}.wound-box.shaded[aria-pressed=true]{background:#d1552c;border-color:#e8794a}.wound-box.last[aria-pressed=true]{background:#e0413a;border-color:#ff6a62}.fight-toggles{gap:.5rem;display:flex}.fight-toggles button{border-radius:.625rem;flex:1;min-height:2.75rem;padding:.5rem;font-size:.875rem}.fight-toggles button[aria-pressed=true]{border-color:var(--blood-line);color:#f0a9a5;background:#3a1f1c;font-weight:700}.out-of-the-fight p{margin-bottom:0;font-size:.9rem}.condition textarea{border:1px solid var(--violet);background:var(--violet-panel);color:#e2d6f5;width:100%;font:inherit;resize:vertical;box-sizing:border-box;border-radius:.625rem;padding:.5rem}.condition p{margin-bottom:0;font-size:.9rem}.routing-banner{border:1px solid var(--blood);color:#f4bdba;background:#2c1412;border-radius:.625rem;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem;padding:.7rem .8rem;display:flex}.routing-banner p{flex:1;margin:0;font-size:.85rem}.routing-banner button{color:inherit;background:0 0;border-color:currentColor;font-size:.8rem}.wound-arithmetic{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem 1rem;margin:0;padding:0;list-style:none;display:grid}.wound-arithmetic output{font-weight:700}.battle-statistics{grid-template-columns:repeat(3,1fr);gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.battle-statistic{border:1px solid var(--line);background:var(--panel-2);border-radius:.5625rem;justify-content:space-between;gap:.5rem;padding:.45rem .5rem;display:flex}.battle-statistics .battle-statistic{flex-direction:column;align-items:center;gap:.1rem}.battle-statistic label{letter-spacing:.04em;color:var(--dim);font-size:.7rem}.battle-statistic output{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:650}.battle-statistic[data-dice=d4]{background:#1b2028;border-color:#3f4a58}.battle-statistic[data-dice=d6]{background:#1a231a;border-color:#40573f}.battle-statistic[data-dice=d8]{background:#172230;border-color:#3c5570}.battle-statistic[data-dice=d10]{background:#221a2c;border-color:#5b4372}.battle-statistic[data-dice=d12]{background:#2b2211;border-color:#7a5a26}.battle-statistic[data-dice=d4] output{color:#9db1c8}.battle-statistic[data-dice=d6] output{color:#8fc07f}.battle-statistic[data-dice=d8] output{color:#79b4e8}.battle-statistic[data-dice=d10] output{color:#c2a0ea}.battle-statistic[data-dice=d12] output{color:#f0c866}.battle-entries{margin:0;padding:0;list-style:none}.battle-entries li{border:1px solid var(--line);background:var(--panel-2);border-radius:.625rem;margin-bottom:.375rem;padding:.55rem .7rem;font-size:.875rem}.battle .entries-equipment li{background:linear-gradient(90deg, #2a1a17 0%, var(--panel-2) 40%);border-left:3px solid #a8574a}.battle .entries-spell li{background:linear-gradient(90deg, #221a2c 0%, var(--panel-2) 40%);border-left:3px solid #8a6bb8}.battle .entries-skill li{background:linear-gradient(90deg, #1a2318 0%, var(--panel-2) 40%);border-left:3px solid #6f9c56}.battle-entries .entry-name{white-space:normal;overflow:visible}.battle-entries .muted{color:#e8c98a}.battle-end button{border-color:var(--blood-line);color:#f0a9a5;width:100%;padding:.85rem}