@layer components{.emperor-pips{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;display:grid}.emperor-pips[data-dense]{gap:1px}.emperor-pip{background:var(--well);height:1rem;box-shadow:inset 0 0 0 1px var(--border);border-radius:3px}.emperor-pip[data-pip=left]{background:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-edge)}.emperor-pip[data-pip=gain]{background:color-mix(in srgb, var(--full) 28%, transparent);box-shadow:inset 0 0 0 2px var(--full)}.emperor-pip:is([data-pip=left-maybe],[data-pip=gain-maybe],[data-pip=maybe]){box-shadow:none;outline:2px dashed var(--gold-edge);outline-offset:-2px;background:0 0}.emperor-pip[data-pip=gain-maybe]{outline-color:var(--full)}.emperor-pip[data-pip=maybe]{outline-color:var(--muted-foreground)}.emperor-swatch{border-radius:2px;width:.875rem;height:.625rem;display:inline-block}.emperor-track{grid-template-columns:repeat(auto-fill,minmax(max(10.5rem,16.6667% - .520833rem),1fr));gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.emperor-cell{border:2px solid var(--board-line);border-radius:var(--radius);background:var(--board-tile);min-width:0;color:var(--board-foreground);grid-template-columns:1.75rem 1fr;align-items:start;column-gap:.5rem;padding:.5rem .625rem;display:grid}.emperor-cell[aria-current]{border-color:var(--board-gain);box-shadow:0 0 0 1px var(--board-gain)}.emperor-cell [data-sprite]{object-fit:contain;width:1.75rem;height:1.75rem}.emperor-cell-head{font-size:var(--text-3xs);color:var(--board-ink);justify-content:space-between;align-items:baseline;gap:.375rem;display:flex}.emperor-cell-text{font-size:var(--text-2xs);line-height:1.35}}