.bars-tab{border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--panel);min-height:2.5rem;padding:.35rem .9rem;font-weight:500}.bars-tab.is-on{background:var(--accent);border-color:var(--pc-ember-700);color:var(--on-accent)}.bars-tab.is-on .text-muted{color:var(--on-accent)}.bars-board{gap:.4rem;min-width:22rem;display:grid}.bars-row{gap:.4rem;display:flex}.bars-key{--role:var(--line-strong);border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel);text-align:left;width:4.6rem;min-width:3.1rem;height:4rem;transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);border-bottom-width:3px;flex-direction:column;flex:0 4.6rem;justify-content:space-between;align-items:flex-start;padding:.3rem .35rem;display:flex;position:relative;overflow:hidden}.bars-key:not(.is-move):not([disabled]):hover{box-shadow:var(--shadow-1);transform:translateY(-1px)}.bars-key[class*=role-]{border-bottom-color:var(--role);background:color-mix(in srgb, var(--role) 12%, var(--panel))}.bars-key.is-empty{background:var(--panel-2);border-style:dashed}.bars-key.is-move{opacity:.55;background:var(--panel-2)}.bars-key.is-picked,.bars-slot.is-picked{outline:3px solid var(--focus);outline-offset:2px}.bars-cap{font-weight:700;font-size:var(--step--1);font-variant-numeric:tabular-nums}.bars-spell{width:100%;max-height:2.3em;font-size:.72rem;line-height:1.15;overflow:hidden}.role-core{--role:var(--accent)}.role-cooldown{--role:var(--ready)}.role-utility{--role:var(--line-strong)}.role-defensive{--role:var(--focus)}.role-interrupt{--role:var(--danger)}.role-movement{--role:var(--muted)}.bars-slot{border-left:4px solid var(--role);background:var(--panel);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:.75rem .9rem}.bars-kbd{text-align:center;min-width:2rem;font-family:var(--font-text);border:1px solid var(--line-strong);border-radius:var(--radius-xs);background:var(--panel-2);border-bottom-width:2px;padding:0 .4rem;font-weight:700;display:inline-block}.bars-link{color:var(--accent-ink);text-underline-offset:3px;min-height:2rem;text-decoration:underline}.bars-link[disabled]{opacity:.5}.bars-code{white-space:pre-wrap;word-break:break-all;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);-webkit-user-select:all;user-select:all;padding:.75rem .9rem;font-size:.9rem}@media (max-width:480px){.bars-board{min-width:0}.bars-row{gap:.3rem}.bars-key{min-width:2.35rem;height:3.5rem;padding:.25rem}.bars-spell{font-size:.66rem}}