.account-form{gap:var(--space-3);max-width:22rem;margin:var(--space-8) auto;flex-direction:column;display:flex}.account-form label{gap:var(--space-1);flex-direction:column;display:flex}.account-form ul{margin:var(--space-1) 0 0;padding-left:var(--space-5)}.account-form button.link{color:var(--color-action-primary);background:0 0;border:none;padding:0;text-decoration:underline}.account-bar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.armybuilder-root{background:var(--color-bg-page);color:var(--color-fg-primary);font-family:var(--font-body);padding:var(--space-4)}.armybuilder-root button{background:var(--color-bg-subtle);color:var(--color-fg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer}.armybuilder-root button:hover{border-color:var(--color-action-primary)}.armybuilder-root button.danger{color:var(--color-danger-accent)}.armybuilder-root button.small{padding:2px var(--space-2);font-size:var(--font-size-200)}.armybuilder-root .pts{color:var(--color-fg-muted);font-variant-numeric:tabular-nums}.armybuilder-root .pts.over{color:var(--color-danger-accent);font-weight:700}.armybuilder-root .badge{font-size:var(--font-size-100);border-radius:var(--radius-round);padding:1px var(--space-2)}.armybuilder-root .error-badge{background:var(--color-danger-accent);color:var(--color-danger-on-accent)}.armybuilder-root .warn-badge{background:var(--color-attention-accent);color:var(--color-fg-inverse)}.armybuilder-root .editor-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.armybuilder-root .name-input{font-size:var(--font-size-700);border:none;border-bottom:2px solid var(--color-bg-subtle);color:var(--color-fg-primary);padding:var(--space-2) 2px;background:0 0;flex:1}.armybuilder-root .name-input:focus{border-bottom-color:var(--color-brand-strong);outline:none}.armybuilder-root .points-big{font-size:var(--font-size-700);color:var(--color-brand-primary);font-weight:700}.armybuilder-root .points-big.over{color:var(--color-danger-accent)}.armybuilder-root .editor-row{gap:var(--space-6);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.armybuilder-root .editor-row label{gap:var(--space-1);font-size:var(--font-size-300);color:var(--color-fg-muted);flex-direction:column;display:flex}.armybuilder-root input,.armybuilder-root select{background:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-fg-primary);padding:var(--space-2) var(--space-2)}.armybuilder-root .editor-columns{gap:var(--space-6);align-items:flex-start;display:flex}.armybuilder-root .picker{background:var(--color-bg-surface);border-radius:var(--radius-md);width:340px;padding:var(--space-3)}.armybuilder-root .picker h2,.armybuilder-root .entries h2{font-size:var(--font-size-400);margin:0 0 var(--space-2);color:var(--color-brand-primary)}.armybuilder-root .picker input{width:100%}.armybuilder-root .unit-list{margin:var(--space-2) 0 0;max-height:420px;padding:0;list-style:none;overflow-y:auto}.armybuilder-root .unit-list li{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-border-subtle);padding:5px 2px;display:flex}.armybuilder-root .unit-list .unit-name{font-size:var(--font-size-300);flex:1}.armybuilder-root .entries{background:var(--color-bg-surface);border-radius:var(--radius-md);padding:var(--space-3);flex:1}.armybuilder-root .entries table{border-collapse:collapse;width:100%}.armybuilder-root .entries td{padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--color-border-subtle);font-size:var(--font-size-400)}.armybuilder-root .error{color:var(--color-danger-accent);margin-top:var(--space-2)}.armybuilder-root .warning{color:var(--color-attention-accent);margin-top:var(--space-1)}.armybuilder-root .muted{color:var(--color-fg-muted)}.armybuilder-root .validation{margin-top:var(--space-3)}.armybuilder-root .dialog-backdrop{background:color-mix(in srgb, var(--color-bg-inverse) 60%, transparent);z-index:var(--z-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.armybuilder-root .dialog{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--space-5);gap:var(--space-3);width:560px;max-height:80vh;box-shadow:var(--elevation-overlay);flex-direction:column;display:flex;overflow-y:auto}.armybuilder-root .dialog h2{color:var(--color-brand-primary);font-size:var(--font-size-600);margin:0}.armybuilder-root .dialog-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.armybuilder-root .filter-chips{gap:var(--space-1);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}.armybuilder-root .chip{font-size:var(--font-size-100);padding:2px var(--space-2);border-radius:var(--radius-round)}.armybuilder-root .chip.active{background:var(--color-brand-primary);color:var(--color-brand-on-primary);font-weight:600}.armybuilder-root .leader-badge{background:var(--color-brand-primary);color:var(--color-brand-on-primary);margin-left:var(--space-2)}.armybuilder-root .ally-badge{background:var(--color-utility-accent);color:var(--color-fg-inverse);margin-left:var(--space-2)}.armybuilder-root .ok-badge{background:var(--color-context-accent);color:var(--color-fg-inverse)}.armybuilder-root .entry-section h2{font-size:var(--font-size-400);margin:var(--space-4) 0 var(--space-2);color:var(--color-brand-primary);text-transform:uppercase;letter-spacing:1px}.armybuilder-root .entry-card{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-left:3px solid var(--color-brand-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);transition:box-shadow .15s,border-color .15s}.armybuilder-root .entry-card.highlighted{border-color:var(--color-context-accent);box-shadow:0 0 0 2px var(--color-context-accent)}.armybuilder-root .entry-card-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.armybuilder-root .card-name{font-weight:700;font-size:var(--font-size-400);color:var(--color-fg-primary);text-align:left;background:0 0;border:none;flex:1;padding:2px}.armybuilder-root .card-name:hover{color:var(--color-action-primary)}.armybuilder-root .card-name-input{font-size:var(--font-size-400);flex:1;font-weight:700}.armybuilder-root .card-pts{font-size:var(--font-size-400);color:var(--color-brand-primary);font-weight:700}.armybuilder-root .unit-block{padding:1px 0}.armybuilder-root .attached-block .unit-row{background:color-mix(in srgb, var(--color-brand-primary) 7%, transparent);border-radius:var(--radius-sm);padding-left:var(--space-2)}.armybuilder-root .leader-icon{color:var(--color-brand-primary);font-size:var(--font-size-100)}.armybuilder-root .unit-row{align-items:center;gap:var(--space-2);font-size:var(--font-size-300);padding:2px 0;display:flex}.armybuilder-root .unit-row .unit-name{flex:1}.armybuilder-root .models-label{font-size:var(--font-size-100)}.armybuilder-root .unit-block .composition{margin-left:var(--space-6)}.armybuilder-root .enhancement-inline{color:var(--color-brand-primary);font-size:var(--font-size-200);margin-left:var(--space-2)}.armybuilder-root .join-target:disabled{opacity:.55;cursor:not-allowed}.armybuilder-root .action-menu{position:relative}.armybuilder-root .action-menu-trigger{letter-spacing:1px;font-weight:700}.armybuilder-root .action-menu-popup{background:var(--color-bg-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);min-width:170px;z-index:var(--z-dropdown);box-shadow:var(--elevation-overlay);flex-direction:column;display:flex;position:absolute;top:100%;right:0}.armybuilder-root .action-menu-item{text-align:left;padding:7px var(--space-3);font-size:var(--font-size-300);background:0 0;border:none;border-radius:0}.armybuilder-root .action-menu-item:hover{background:color-mix(in srgb, var(--color-brand-primary) 7%, transparent);border-color:#0000}.armybuilder-root .action-menu-item.danger{color:var(--color-danger-accent)}.armybuilder-root .status-chip{font-size:var(--font-size-200);padding:3px var(--space-3);border-radius:var(--radius-round);background:var(--color-bg-subtle);color:var(--color-fg-muted);white-space:nowrap}.armybuilder-root .status-chip.checked{color:var(--color-context-accent)}.armybuilder-root .status-chip.failed{color:var(--color-danger-accent)}.armybuilder-root .status-chip.checking{color:var(--color-attention-accent)}.armybuilder-root .detail-panel{max-height:calc(100vh - 220px);overflow-y:auto}.armybuilder-root .detail-header{align-items:center;gap:var(--space-2);display:flex}.armybuilder-root .detail-header h2{flex:1;margin:0}.armybuilder-root .detail-panel h3{font-size:var(--font-size-200);text-transform:uppercase;letter-spacing:1px;color:var(--color-fg-muted);margin:var(--space-4) 0 var(--space-2)}.armybuilder-root .statline-table{border-collapse:collapse;width:100%;font-size:var(--font-size-200)}.armybuilder-root .statline-table th{text-align:center;color:var(--color-fg-muted);padding:2px var(--space-1);border-bottom:1px solid var(--color-border-subtle);font-weight:600}.armybuilder-root .statline-table td{text-align:center;padding:3px var(--space-1);border-bottom:1px solid var(--color-border-subtle)}.armybuilder-root .statline-table td.unit-name{text-align:left}.armybuilder-root .abilities-list details{margin-bottom:var(--space-1);font-size:var(--font-size-300)}.armybuilder-root .abilities-list summary{cursor:pointer;color:var(--color-brand-primary)}.armybuilder-root .abilities-list p{margin:var(--space-1) 0 var(--space-2);color:var(--color-fg-muted)}.armybuilder-root .phase-badge{background:var(--color-bg-subtle);color:var(--color-brand-primary);border:1px solid var(--color-brand-primary)}.armybuilder-root .weapon-choice{align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);font-size:var(--font-size-200);flex-wrap:wrap;display:flex}.armybuilder-root .points-bar{background:var(--color-bg-subtle);border-radius:var(--radius-round);height:6px;margin:-6px 0 var(--space-4);display:flex;overflow:hidden}.armybuilder-root .points-bar-segment.character{background:var(--color-brand-primary)}.armybuilder-root .points-bar-segment.battleline{background:var(--color-context-accent)}.armybuilder-root .points-bar-segment.other{background:var(--color-utility-accent)}.armybuilder-root .points-bar-over{background:repeating-linear-gradient(45deg, var(--color-danger-accent), var(--color-danger-accent) 4px, transparent 4px, transparent 8px);flex:1}.armybuilder-root .entry-card.draggable{cursor:grab}.armybuilder-root .entry-card.dragging{opacity:.45}.armybuilder-root .entry-card.drop-hover{border-color:var(--color-context-accent);box-shadow:0 0 0 2px var(--color-context-accent);background:color-mix(in srgb, var(--color-context-accent) 8%, transparent)}.armybuilder-root .unit-select{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;padding:0;display:flex}.armybuilder-root .unit-select:hover .unit-name{color:var(--color-action-primary)}.armybuilder-root .unit-row.selected{outline:1px solid var(--color-brand-strong);border-radius:var(--radius-sm)}.armybuilder-root .card-warnings{border-top:1px solid var(--color-border-subtle);margin-top:var(--space-2);padding-top:var(--space-1);font-size:var(--font-size-200)}.armybuilder-root .card-warnings .warning{margin-top:2px}.armybuilder-root .composition{border-top:1px solid var(--color-border-subtle);margin-top:var(--space-2);padding-top:var(--space-2)}.armybuilder-root .size-options{gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.armybuilder-root .variant-table{border-collapse:collapse;width:100%;font-size:var(--font-size-300)}.armybuilder-root .variant-table td{padding:3px var(--space-2)}.armybuilder-root .variant-count{align-items:center;gap:var(--space-2);justify-content:flex-end;display:flex}.armybuilder-root .enhancements{margin-top:var(--space-2);font-size:var(--font-size-300)}.armybuilder-root .enhancement{align-items:center;gap:var(--space-2);color:var(--color-brand-primary);display:flex}.armybuilder-root .join-target-list{margin:0;padding:0;list-style:none}.armybuilder-root .join-target{text-align:left;align-items:center;gap:var(--space-2);width:100%;margin-bottom:var(--space-1);display:flex}.armybuilder-root .join-target.legal{border-color:var(--color-context-accent)}.armybuilder-root .saved-lists{margin:0 0 var(--space-3);padding:0;list-style:none}.armybuilder-root .saved-lists li{align-items:center;gap:var(--space-2);padding:3px 0;display:flex}.armybuilder-root .saved-lists li span{flex:1}.armybuilder-root .save-bar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=720px){.armybuilder-root{padding:var(--space-2)}.armybuilder-root .editor-header{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.armybuilder-root .name-input{font-size:var(--font-size-500);flex-basis:100%}.armybuilder-root .points-big{font-size:var(--font-size-500)}.armybuilder-root .editor-row{gap:var(--space-3);margin-bottom:var(--space-3)}.armybuilder-root .editor-columns{align-items:stretch;gap:var(--space-3);flex-direction:column}.armybuilder-root .picker{width:auto;padding:var(--space-2)}.armybuilder-root .unit-list{max-height:40vh}.armybuilder-root .entries{padding:var(--space-2)}.armybuilder-root .detail-panel{max-height:none}.armybuilder-root .unit-block .composition{margin-left:var(--space-2)}.armybuilder-root .statline-table{display:block;overflow-x:auto}.armybuilder-root .dialog{width:auto;max-width:calc(100vw - 2 * var(--space-3));max-height:85vh;padding:var(--space-3)}.armybuilder-root .action-menu-popup{max-width:calc(100vw - 2 * var(--space-4))}}@layer app{.mode-shell{flex-direction:column;height:100dvh;display:flex}.mode-switch{justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);flex:none;display:flex}.mode-tab{min-height:2rem;padding:0 var(--space-3);color:var(--color-fg-muted);border-radius:var(--radius-round);font-size:var(--font-size-200);cursor:pointer;background:0 0;border:1px solid #0000}.mode-tab:hover{color:var(--color-fg-primary)}.mode-tab[aria-selected=true]{color:var(--color-action-primary);border-color:var(--color-action-primary)}.mode-tab:focus-visible{outline:2px solid var(--color-action-focus);outline-offset:2px}@media (pointer:coarse){.mode-tab{min-height:2.25rem}}.mode-content{flex:auto;min-height:0}.mode-content[hidden]{display:none}.mode-content-scroll{overflow-y:auto}.mode-content>.app{height:100%}.app{background:var(--app-bg);border-inline:1px solid var(--color-border-subtle);width:100%;max-width:26rem;height:100dvh;box-shadow:var(--elevation-panel);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.app-top{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-surface);flex:none;transition:padding-block .2s;display:flex}.app-top img{width:1.75rem;height:auto;transition:width .2s}.app-top .brand{font-family:var(--font-display);font-size:var(--font-size-500);transition:font-size .2s}.app[data-at-top=false] .app-top{padding-block:var(--space-1)}.app[data-at-top=false] .app-top img{width:1.25rem}.app[data-at-top=false] .app-top .brand{font-size:var(--font-size-400)}.scroll-sentinel{pointer-events:none;height:1px;margin:0}.app-top .brand span{color:var(--color-brand-primary)}.app-top .spacer{flex:1}.icon-btn{min-width:2rem;height:2rem;padding:0 var(--space-1);background:var(--button-quiet-bg);color:var(--color-fg-muted);border:1px solid var(--button-quiet-border);border-radius:var(--radius-round);box-shadow:var(--shadow-sm);font-size:var(--font-size-200);cursor:pointer}.icon-btn[aria-pressed=true]{color:var(--color-brand-primary);border-color:var(--color-brand-strong)}.icon-btn,.save-profile,.add-mod,.detail-toggle,.calc{transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)}.icon-btn:hover,.save-profile:hover,.add-mod:hover,.detail-toggle:hover{background:color-mix(in srgb, var(--button-quiet-bg) 88%, var(--color-fg-primary));border-color:var(--color-border-strong)}.icon-btn:active,.save-profile:active,.add-mod:active,.detail-toggle:active,.calc:active{box-shadow:none;transform:translateY(1px)}.icon-btn:focus-visible,.save-profile:focus-visible,.add-mod:focus-visible,.detail-toggle:focus-visible,.calc:focus-visible,.profiles select:focus-visible{outline:2px solid var(--control-border-focus);outline-offset:2px}.profiles{border-bottom:1px solid var(--color-border-subtle);flex:none;grid-template-columns:1fr 1fr;display:grid}.profile-cell{gap:var(--space-1);padding:var(--space-2);min-width:0;display:flex}.profile-cell+.profile-cell{border-left:1px solid var(--color-border-subtle)}.profiles select{appearance:none;background-color:var(--control-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23888' stroke-width='1.5' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;min-width:0;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:var(--space-1) calc(var(--space-2) + 16px) var(--space-1) var(--space-2);font-size:var(--font-size-200);cursor:pointer;background-size:12px;flex:1 1 0}.save-profile{background:var(--button-quiet-bg);min-width:2rem;color:var(--button-quiet-fg);border:1px solid var(--button-quiet-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-size:var(--font-size-300);cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex}.duel-head{border-bottom:1px solid var(--color-border-subtle);background:var(--table-header-bg);flex:none;grid-template-columns:1fr 1fr;display:grid}.duel-head span{padding:var(--space-1) 0;text-align:center;font-size:var(--font-size-100);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.duel-head .att{color:var(--color-brand-primary)}.duel-head .def{color:var(--color-action-primary);border-left:1px solid var(--color-border-subtle)}.app-main{flex:auto;min-height:0;overflow-y:auto}.results{padding:var(--space-2) var(--space-3)}.volume{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:1fr 1fr;display:grid}.volume>div{padding:var(--space-2);min-width:0}.volume>div+div{border-left:1px solid var(--color-border-subtle)}.volume .k{text-transform:uppercase;letter-spacing:.1em;color:var(--color-fg-disabled);margin-bottom:2px;font-size:9px;display:block}.volume .pair{gap:var(--space-1);align-items:center;display:flex}.volume .vsub{flex:1 1 0;min-width:0;position:relative}.volume .vsub>.tag{font-family:var(--font-body);color:var(--color-fg-disabled);pointer-events:none;font-size:9px;line-height:1;position:absolute;top:-1px;left:3px}.volume .vsub>.tag~input{padding-top:9px}.volume input{text-align:center;background:var(--control-bg);width:100%;min-width:0;min-height:2.25rem;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-400);padding:var(--space-1) 2px;flex:1 1 0}.volume .x{color:var(--color-fg-disabled);font-size:var(--font-size-200)}.volume .hint-def{font-size:var(--font-size-100);color:var(--color-fg-disabled)}.duel{border-collapse:collapse;table-layout:fixed;width:100%}.duel col.lbl{width:3.4rem}.duel col.val{width:auto}.duel td{padding:var(--space-1);vertical-align:middle}.duel .lbl{font-size:var(--font-size-200);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.duel .lbl-att{color:var(--color-brand-primary);text-align:left}.duel .lbl-def{color:var(--color-action-primary);text-align:right}.duel .val-att{border-right:1px solid var(--color-border-default)}.duel .val-att,.duel .val-def{min-width:0}.duel .cell{gap:3px;display:flex}.duel .val-att .cell{justify-content:flex-end}.duel .val-def .cell{justify-content:flex-start}.duel input,.duel select{text-align:center;text-align-last:center;appearance:none;background:var(--control-bg);width:100%;min-width:0;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:var(--space-1) 2px;font-family:var(--font-mono);font-size:var(--font-size-400);min-height:2.25rem}.duel select{background-image:linear-gradient(45deg, transparent 50%, var(--color-fg-disabled) 50%), linear-gradient(135deg, var(--color-fg-disabled) 50%, transparent 50%);background-position:calc(100% - 5px) calc(50% + 1px),calc(100% - 2px) calc(50% + 1px);background-repeat:no-repeat;background-size:3px 3px,3px 3px;padding-left:12px;padding-right:12px}.duel input:focus-visible,.duel select:focus-visible{border-color:var(--control-border-focus)}.duel .sub{flex:1 1 0;min-width:0;position:relative}.duel .sub>.tag{font-family:var(--font-body);color:var(--color-fg-disabled);pointer-events:none;font-size:9px;line-height:1;position:absolute;top:-1px;left:3px}.duel .sub>.tag~input,.duel .sub>.tag~select{padding-top:9px}.step td{letter-spacing:.14em;text-transform:uppercase;color:var(--color-fg-disabled);text-align:center;background:var(--color-bg-subtle);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);font-size:9px;padding:2px 0!important}.mods-grid{grid-template-columns:1fr 1fr;display:grid}.mods-grid>div{padding:var(--space-2);min-width:0}.mods-grid>div+div{border-left:1px solid var(--color-border-subtle)}.mods-head{justify-content:space-between;align-items:center;gap:var(--space-1);text-transform:uppercase;letter-spacing:.1em;color:var(--color-fg-disabled);margin-bottom:var(--space-1);font-size:9px;display:flex}.add-mod{min-width:1.75rem;padding:4px var(--space-2);font-size:var(--font-size-200);background:var(--button-quiet-bg);color:var(--button-quiet-fg);border:1px solid var(--button-quiet-border);border-radius:var(--radius-round);box-shadow:var(--shadow-sm);cursor:pointer}.chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.chips-empty{font-size:var(--font-size-100);color:var(--color-fg-disabled)}.chip{align-items:center;gap:var(--space-1);padding:3px var(--space-1) 3px var(--space-2);font-size:var(--font-size-100);background:var(--panel-utility-bg);color:var(--panel-utility-fg);border:1px solid var(--panel-utility-border);border-radius:var(--radius-round);display:inline-flex}.chip button{color:inherit;cursor:pointer;line-height:1;font-size:var(--font-size-300);background:0 0;border:none;min-width:1.25rem;min-height:1.25rem;padding:0 2px}.mod-menu{margin-top:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);display:none}.mod-menu.open{display:block}.mod-menu label{align-items:center;gap:var(--space-2);font-size:var(--font-size-200);color:var(--color-fg-primary);min-height:1.75rem;padding:3px 0;display:flex}.mod-menu input[type=checkbox]{accent-color:var(--color-action-primary);flex:none;width:1rem;height:1rem}.mod-menu .param{margin-left:auto}.mod-menu .param.disabled{opacity:.45;pointer-events:none}.mod-menu .param select,.mod-menu label>input.param,.mod-menu .param input{background:var(--control-bg);max-width:6rem;min-height:1.75rem;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-size-200);text-align:center}.mod-menu label>input.param{width:3.5rem;margin-left:auto}.mod-menu .menu-keywords{align-items:stretch;gap:var(--space-1);font-size:var(--font-size-100);color:var(--color-fg-muted);flex-direction:column}.mod-menu .menu-keywords input{background:var(--control-bg);width:100%;max-width:none;color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-size-200)}.app-bottom{padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--color-border-default);background:var(--color-bg-surface);flex:none;transition:padding-block .2s}.app[data-at-bottom=false] .app-bottom{padding-block:var(--space-1)}@media (prefers-reduced-motion:reduce){.app-top,.app-top img,.app-top .brand,.app-bottom{transition:none}}.error{margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--error-bg);color:var(--error-fg);border:1px solid var(--error-border);border-left:3px solid var(--error-accent);border-radius:var(--radius-sm);font-size:var(--font-size-200);white-space:pre-wrap}.dice-strip{padding:var(--space-1) var(--space-2);margin-bottom:var(--space-2);background:var(--table-header-bg);color:var(--table-header-fg);border-radius:var(--radius-sm);font-size:var(--font-size-100);text-align:center}.totals{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.total{text-align:center;padding:var(--space-1);background:var(--color-bg-subtle);border-radius:var(--radius-sm)}.total .k{font-size:var(--font-size-100);color:var(--color-fg-muted);display:block}.total .v{font-family:var(--font-mono);font-size:var(--font-size-700);color:var(--table-number-fg);font-weight:700;line-height:1.15;display:block}.total .v.ratio-danger{color:var(--color-danger-accent)}.total .v.ratio-warning{color:var(--color-attention-accent)}.total .v.ratio-success{color:var(--color-action-primary)}.detail-toggle{margin:0 auto var(--space-2);padding:4px var(--space-3);background:var(--button-quiet-bg);border:1px solid var(--button-quiet-border);border-radius:var(--radius-round);box-shadow:var(--shadow-sm);color:var(--color-fg-muted);font-size:var(--font-size-100);cursor:pointer;display:block}.detail{margin-bottom:var(--space-2)}.detail table{border-collapse:collapse;width:100%}.detail td{font-size:var(--font-size-200);border-bottom:1px solid var(--table-border);padding:2px 0}.detail td:last-child{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.cmp{border-collapse:collapse;width:100%;font-size:var(--font-size-100)}.cmp th,.cmp td{border-bottom:1px solid var(--table-border);text-align:right;vertical-align:top;padding:3px 6px}.cmp thead th{font-size:var(--font-size-100);color:var(--color-fg-muted);white-space:nowrap;font-weight:600}.cmp .cmp-stage{text-align:left;color:var(--color-fg-muted);font-weight:500}.cmp .cmp-base{background:var(--color-accent-soft,#0072b214)}.cmp-swatch{vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.cmp-tag{font-size:var(--font-size-100);color:var(--color-fg-subtle);margin-left:4px;font-weight:400}.cmp-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;display:block}.cmp-sub{font-size:var(--font-size-100);font-variant-numeric:tabular-nums;margin-top:1px;display:block}.cmp-sub.cmp-ret{color:var(--color-fg-subtle)}.cmp-sub.delta-up{color:var(--color-action-primary)}.cmp-sub.delta-down{color:var(--color-danger-accent)}.cmp-sub.delta-flat{color:var(--color-fg-subtle)}.cmp-sub.ratio-danger{color:var(--color-danger-accent)}.cmp-sub.ratio-warning{color:var(--color-attention-accent)}.cmp-sub.ratio-success{color:var(--color-action-primary)}.detail .hint{margin-top:var(--space-2);color:var(--color-fg-subtle);font-size:var(--font-size-100)}.calc{width:100%;padding:var(--space-3);border-radius:var(--radius-md);background:var(--button-primary-bg);color:var(--button-primary-fg);font-size:var(--font-size-500);cursor:pointer;min-height:2.75rem;transition:background var(--duration-fast) var(--ease-standard);border:none;font-weight:700}.calc:hover{background:var(--button-primary-bg-hover)}.calc:disabled{opacity:.6;cursor:wait}.privacy-note{margin:var(--space-2) 0 0;color:var(--color-fg-subtle);font-size:var(--font-size-100);text-align:center;line-height:1.4}.share-btn{color:var(--color-brand-primary);border-color:var(--color-brand-strong)}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 4.25rem);z-index:50;max-width:calc(100% - var(--space-3) * 2);padding:var(--space-2) var(--space-3);background:var(--color-bg-inverse);color:var(--color-fg-inverse);border-radius:var(--radius-round);box-shadow:var(--shadow-md);font-size:var(--font-size-200);text-align:center;pointer-events:none;position:fixed;transform:translate(-50%)}.dialog-overlay{z-index:60;padding:var(--space-3);background:color-mix(in srgb, var(--color-bg-inverse) 55%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{width:100%;max-width:22rem;max-height:calc(100dvh - var(--space-3) * 2);background:var(--panel-utility-bg);color:var(--panel-utility-fg);border:1px solid var(--panel-utility-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.dialog:focus{outline:none}.dialog-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);display:flex}.dialog-title{font-size:var(--font-size-300);font-family:var(--font-display);margin:0}.dialog-body{padding:var(--space-3);overflow-y:auto}.dialog-text{white-space:pre-line;color:var(--color-fg-muted);line-height:1.5;font-size:var(--font-size-200);margin:0}.menu-list{gap:var(--space-3);flex-direction:column;display:flex}.menu-group{flex-direction:column;display:flex}.menu-group+.menu-group{padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.menu-row{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:2.25rem;padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-fg-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.menu-row:hover{background:var(--color-bg-subtle)}.menu-row:focus-visible{outline:2px solid var(--control-border-focus);outline-offset:2px}.menu-value{color:var(--color-fg-muted);font-family:var(--font-mono);font-size:var(--font-size-200)}.menu-number{width:4rem;min-height:1.75rem;padding:0 var(--space-2);background:var(--control-bg);color:var(--control-fg);border:1px solid var(--control-border);border-radius:var(--radius-sm);text-align:right}.menu-number:focus-visible{outline:2px solid var(--control-border-focus);outline-offset:1px}.menu-danger{color:var(--color-brand-primary)}.action-row{align-items:stretch;gap:var(--space-2);display:flex}.action-row .calc{flex:auto}.history-btn{min-width:2.75rem;padding:0 var(--space-2);background:var(--button-quiet-bg);color:var(--button-quiet-fg);border:1px solid var(--button-quiet-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);flex:none;justify-content:center;align-items:center;display:inline-flex}.history-btn:hover{background:color-mix(in srgb, var(--button-quiet-bg) 88%, var(--color-fg-primary));border-color:var(--color-border-strong)}.history-btn:active{box-shadow:none;transform:translateY(1px)}.history-btn:focus-visible{outline:2px solid var(--control-border-focus);outline-offset:2px}.history-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history-clear{margin-top:var(--space-3);width:100%;padding:var(--space-2);background:var(--button-quiet-bg);color:var(--color-brand-primary);border:1px solid var(--button-quiet-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:var(--font-size-200);cursor:pointer}.history-clear:hover{border-color:var(--color-brand-strong)}.history-clear:focus-visible{outline:2px solid var(--control-border-focus);outline-offset:2px}.history-item{gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex}.history-item.is-base{border-color:var(--color-accent,#0072b2);box-shadow:inset 3px 0 0 0 var(--color-accent,#0072b2)}.history-info{flex-direction:column;gap:2px;display:flex}.history-label{font-family:var(--font-mono);font-size:var(--font-size-200);color:var(--color-fg-primary)}.history-meta{font-size:var(--font-size-100);color:var(--color-fg-subtle)}.history-actions{align-items:center;gap:var(--space-2);display:flex}.history-compare{align-items:center;gap:var(--space-1);color:var(--color-fg-muted);font-size:var(--font-size-200);cursor:pointer;margin-right:auto;display:inline-flex}.history-compare.disabled{opacity:.45;cursor:not-allowed}.history-pin.active{color:var(--color-accent,#0072b2)}.history-open{padding:var(--space-1) var(--space-2);background:var(--button-quiet-bg);color:var(--button-quiet-fg);border:1px solid var(--button-quiet-border);border-radius:var(--radius-round);box-shadow:var(--shadow-sm);font-size:var(--font-size-200);cursor:pointer}.history-remove{min-width:1.75rem}.steps-chart{margin-top:var(--space-2)}.steps-legend{gap:var(--space-1) var(--space-3);margin:var(--space-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.legend-item{align-items:center;gap:var(--space-1);font-size:var(--font-size-100);color:var(--color-fg-muted);cursor:pointer;border-radius:var(--radius-sm);transition:opacity var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);display:inline-flex}.legend-item.is-active{color:var(--color-fg-primary);font-weight:600}.legend-item.is-dim{opacity:.4}.legend-item:focus-visible{outline:2px solid var(--control-border-focus);outline-offset:2px}.legend-swatch{border-radius:var(--radius-sm);flex:none;width:.7rem;height:.7rem}.app[data-density=compact] .duel td{padding:1px var(--space-1)}.app[data-density=compact] .duel input,.app[data-density=compact] .duel select{min-height:1.5rem;font-size:var(--font-size-200)}.app[data-density=compact] .duel-head span{padding:1px 0}.app[data-density=compact] .results,.app[data-density=compact] .app-bottom{padding-block:var(--space-1)}.app[data-density=compact] .volume>div,.app[data-density=compact] .mods-grid>div,.app[data-density=compact] .profile-cell{padding:var(--space-1)}.app[data-density=compact] .volume input{min-height:1.5rem}.app[data-density=compact] .step td{padding:1px 0!important}.app[data-density=compact] .step{display:none}.app[data-density=compact] .step+tr td{border-top:1px solid var(--color-border-subtle)}.app[data-density=compact] .total .v{font-size:var(--font-size-600)}.app[data-density=compact] .privacy-note{display:none}@media (pointer:coarse){.app[data-density=compact] .duel input,.app[data-density=compact] .duel select,.app[data-density=compact] .volume input{min-height:2.25rem}}}@layer auric.reset{*,:before,:after{box-sizing:border-box}html{background:var(--app-bg);min-width:20rem}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}}@layer auric.tokens{:root{--auric-black:#0b0e0f;--auric-gold-900:#76550f;--auric-gold-600:#b88932;--auric-gold-300:#e2c56f;--auric-gold-200:#f0d889;--stone-950:#080a0b;--stone-900:#101315;--stone-850:#15191b;--stone-800:#1a1f22;--stone-750:#242b2e;--stone-700:#2d3639;--stone-650:#3a4448;--stone-600:#465056;--stone-500:#68757a;--stone-450:#778187;--stone-400:#8d999d;--stone-350:#aeb8bb;--stone-300:#b9c0c1;--stone-200:#d7dcdd;--stone-150:#e3e6e5;--stone-100:#e5e8e7;--stone-50:#f4f5f3;--stone-white:#fff;--host-900:#075a63;--host-800:#086e78;--host-600:#168a94;--host-400:#42c5cf;--host-300:#67d4d8;--host-200:#73dce3;--host-energy:#e9ffff;--incubi-900:#14272b;--incubi-800:#174a53;--incubi-600:#376a72;--incubi-500:#527b81;--incubi-300:#70b8c0;--incubi-200:#94cbd0;--incubi-50:#e5eff0;--lupercal-900:#14261d;--lupercal-800:#20583f;--lupercal-600:#386b50;--lupercal-500:#547a63;--lupercal-300:#78b994;--lupercal-200:#9acdaf;--lupercal-50:#e6efea;--orange-900:#321d15;--orange-800:#a9431c;--orange-600:#d85f2d;--orange-500:#f0783d;--orange-300:#d98762;--orange-50:#f9e9e1;--red-900:#2e1416;--red-800:#9c2b2b;--red-600:#c4453f;--red-500:#dc5f57;--red-300:#d98383;--red-50:#f9e6e6;--font-display:Georgia, "Times New Roman", serif;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-100:.6875rem;--font-size-200:.75rem;--font-size-300:.8125rem;--font-size-400:.9375rem;--font-size-500:1rem;--font-size-600:1.125rem;--font-size-700:1.375rem;--font-size-800:1.875rem;--font-size-900:clamp(2rem, 4vw, 2.75rem);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-round:9999px;--shadow-sm:0 2px 8px #0b0e0f14;--shadow-md:0 12px 30px #0b0e0f1a;--shadow-lg:0 18px 44px #0000003d;--duration-fast:.12s;--duration-normal:.2s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-page:var(--stone-50);--color-bg-surface:var(--stone-white);--color-bg-subtle:var(--stone-150);--color-bg-elevated:var(--stone-white);--color-bg-inverse:var(--auric-black);--color-fg-primary:var(--stone-850);--color-fg-muted:#4f5b60;--color-fg-subtle:var(--stone-500);--color-fg-inverse:var(--stone-50);--color-fg-disabled:var(--stone-450);--color-border-default:var(--stone-300);--color-border-subtle:var(--stone-200);--color-border-strong:var(--stone-600);--color-brand-primary:var(--auric-gold-900);--color-brand-strong:var(--auric-gold-600);--color-brand-highlight:var(--auric-gold-300);--color-brand-on-primary:var(--stone-white);--color-action-primary:var(--host-800);--color-action-primary-hover:var(--host-900);--color-action-on-primary:var(--stone-white);--color-action-focus:var(--host-800);--color-utility-surface:var(--incubi-50);--color-utility-border:var(--incubi-500);--color-utility-foreground:var(--incubi-800);--color-utility-accent:var(--incubi-800);--color-context-surface:var(--lupercal-50);--color-context-border:var(--lupercal-500);--color-context-foreground:var(--lupercal-800);--color-context-accent:var(--lupercal-800);--color-attention-surface:var(--orange-50);--color-attention-border:var(--orange-300);--color-attention-foreground:var(--orange-800);--color-attention-accent:var(--orange-800);--color-danger-surface:var(--red-50);--color-danger-border:var(--red-300);--color-danger-foreground:var(--red-800);--color-danger-accent:var(--red-800);--color-danger-on-accent:var(--stone-white);--elevation-panel:var(--shadow-md);--elevation-overlay:0 24px 64px #0b0e0f2e}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-page:var(--stone-900);--color-bg-surface:var(--stone-800);--color-bg-subtle:var(--stone-750);--color-bg-elevated:#202629;--color-bg-inverse:var(--stone-50);--color-fg-primary:#f0f3f3;--color-fg-muted:var(--stone-350);--color-fg-subtle:var(--stone-400);--color-fg-inverse:var(--stone-850);--color-fg-disabled:var(--stone-500);--color-border-default:var(--stone-650);--color-border-subtle:var(--stone-700);--color-border-strong:var(--stone-400);--color-brand-primary:#d6ae55;--color-brand-strong:var(--auric-gold-300);--color-brand-highlight:var(--auric-gold-200);--color-brand-on-primary:var(--stone-950);--color-action-primary:var(--host-400);--color-action-primary-hover:var(--host-200);--color-action-on-primary:var(--stone-950);--color-action-focus:var(--host-400);--color-utility-surface:var(--incubi-900);--color-utility-border:var(--incubi-600);--color-utility-foreground:var(--incubi-200);--color-utility-accent:var(--incubi-300);--color-context-surface:var(--lupercal-900);--color-context-border:var(--lupercal-600);--color-context-foreground:var(--lupercal-200);--color-context-accent:var(--lupercal-300);--color-attention-surface:var(--orange-900);--color-attention-border:#884225;--color-attention-foreground:var(--orange-500);--color-attention-accent:var(--orange-500);--color-danger-surface:var(--red-900);--color-danger-border:#7a2b2b;--color-danger-foreground:var(--red-500);--color-danger-accent:var(--red-500);--color-danger-on-accent:var(--stone-950);--elevation-panel:var(--shadow-lg);--elevation-overlay:0 28px 72px #0000007a}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-page:var(--stone-900);--color-bg-surface:var(--stone-800);--color-bg-subtle:var(--stone-750);--color-bg-elevated:#202629;--color-bg-inverse:var(--stone-50);--color-fg-primary:#f0f3f3;--color-fg-muted:var(--stone-350);--color-fg-subtle:var(--stone-400);--color-fg-inverse:var(--stone-850);--color-fg-disabled:var(--stone-500);--color-border-default:var(--stone-650);--color-border-subtle:var(--stone-700);--color-border-strong:var(--stone-400);--color-brand-primary:#d6ae55;--color-brand-strong:var(--auric-gold-300);--color-brand-highlight:var(--auric-gold-200);--color-brand-on-primary:var(--stone-950);--color-action-primary:var(--host-400);--color-action-primary-hover:var(--host-200);--color-action-on-primary:var(--stone-950);--color-action-focus:var(--host-400);--color-utility-surface:var(--incubi-900);--color-utility-border:var(--incubi-600);--color-utility-foreground:var(--incubi-200);--color-utility-accent:var(--incubi-300);--color-context-surface:var(--lupercal-900);--color-context-border:var(--lupercal-600);--color-context-foreground:var(--lupercal-200);--color-context-accent:var(--lupercal-300);--color-attention-surface:var(--orange-900);--color-attention-border:#884225;--color-attention-foreground:var(--orange-500);--color-attention-accent:var(--orange-500);--color-danger-surface:var(--red-900);--color-danger-border:#7a2b2b;--color-danger-foreground:var(--red-500);--color-danger-accent:var(--red-500);--color-danger-on-accent:var(--stone-950);--elevation-panel:var(--shadow-lg);--elevation-overlay:0 28px 72px #0000007a}}}@layer auric.base{body{min-height:100vh;color:var(--app-fg);background:var(--app-bg);font-family:var(--font-body);font-size:var(--font-size-400);text-rendering:optimizelegibility;line-height:1.55}h1,h2,h3{color:var(--color-fg-primary);font-family:var(--font-display);margin-block:0;line-height:1.15}h1{font-size:var(--font-size-900)}h2{font-size:var(--font-size-700)}h3{font-size:var(--font-size-600)}:where(a){color:var(--color-action-primary)}:where(a:hover){color:var(--color-action-primary-hover)}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--color-action-focus);outline-offset:3px;box-shadow:var(--focus-ring)}::selection{color:var(--color-action-on-primary);background:var(--color-action-primary)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer auric.components{:root{--app-bg:var(--color-bg-page);--app-fg:var(--color-fg-primary);--app-header-bg:var(--auric-black);--app-header-fg:var(--stone-50);--app-header-border:var(--color-brand-strong);--app-sidebar-bg:transparent;--app-sidebar-active-bg:var(--color-bg-surface);--app-sidebar-active-border:var(--color-brand-strong);--panel-bg:var(--color-bg-surface);--panel-fg:var(--color-fg-primary);--panel-border:var(--color-border-subtle);--panel-shadow:var(--elevation-panel);--panel-utility-bg:var(--color-utility-surface);--panel-utility-fg:var(--color-utility-foreground);--panel-utility-border:var(--color-utility-border);--panel-context-bg:var(--color-context-surface);--panel-context-fg:var(--color-context-foreground);--panel-context-border:var(--color-context-border);--button-primary-bg:var(--color-action-primary);--button-primary-bg-hover:var(--color-action-primary-hover);--button-primary-fg:var(--color-action-on-primary);--button-secondary-bg:var(--color-brand-primary);--button-secondary-fg:var(--color-brand-on-primary);--button-quiet-bg:var(--color-bg-surface);--button-quiet-fg:var(--color-fg-primary);--button-quiet-border:var(--color-border-default);--button-danger-bg:var(--color-danger-accent);--button-danger-bg-hover:color-mix(in srgb, var(--color-danger-accent) 82%, var(--color-bg-inverse));--button-danger-fg:var(--color-danger-on-accent);--control-bg:var(--color-bg-surface);--control-fg:var(--color-fg-primary);--control-border:var(--color-border-default);--control-border-focus:var(--color-action-focus);--focus-ring:0 0 0 3px color-mix(in srgb, var(--color-action-focus) 35%, transparent);--table-bg:var(--color-bg-surface);--table-fg:var(--color-fg-primary);--table-border:var(--color-border-subtle);--table-header-bg:color-mix(in srgb, var(--color-brand-strong) 9%, var(--color-bg-surface));--table-header-fg:var(--color-brand-primary);--table-row-hover-bg:color-mix(in srgb, var(--color-action-primary) 7%, var(--color-bg-surface));--table-row-selected-bg:color-mix(in srgb, var(--color-action-primary) 13%, var(--color-bg-surface));--table-number-fg:var(--color-brand-primary);--nav-fg:var(--color-fg-muted);--nav-fg-hover:var(--color-fg-primary);--nav-active-fg:var(--color-fg-primary);--nav-active-accent:var(--color-brand-strong);--nav-utility-fg:var(--color-utility-foreground);--nav-context-fg:var(--color-context-foreground);--notice-bg:var(--color-attention-surface);--notice-fg:var(--color-fg-primary);--notice-border:var(--color-attention-border);--notice-accent:var(--color-attention-accent);--error-bg:var(--color-danger-surface);--error-fg:var(--color-danger-foreground);--error-border:var(--color-danger-border);--error-accent:var(--color-danger-accent);--status-positive:var(--color-context-accent);--status-info:var(--color-action-primary);--status-negative:var(--color-danger-accent)}}