.opponent-select-container.svelte-16be5br{width:100%;max-width:400px;background:var(--bg-main);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.header.svelte-16be5br{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.label-container.svelte-16be5br{display:flex;flex-direction:column}.label.svelte-16be5br{font-size:.9rem;font-weight:700;color:var(--text-main)}.label-small.svelte-16be5br{font-size:.75rem}.label-small.error.svelte-16be5br{color:#e74c3c}.label-small.success.svelte-16be5br{color:#2ecc71}.actions.svelte-16be5br{display:flex;flex-direction:column;gap:.5rem}.actions-buttons.svelte-16be5br{display:flex;gap:.5rem}.btn-small.svelte-16be5br{background:var(--bg-alt);border:1px solid var(--border-color);padding:.25rem .5rem;font-size:.75rem;border-radius:4px;cursor:pointer;color:var(--text-main)}.btn-small.svelte-16be5br:hover{background:var(--bg-elevated)}.grid.svelte-16be5br{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;max-height:400px;overflow-y:auto;padding-right:4px}.grid.svelte-16be5br::-webkit-scrollbar{width:6px}.grid.svelte-16be5br::-webkit-scrollbar-track{background:#f1f1f1}.grid.svelte-16be5br::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.grid.svelte-16be5br::-webkit-scrollbar-thumb:hover{background:#bbb}.char-cell.svelte-16be5br{width:40px;height:40px;border:2px solid transparent;border-radius:4px;padding:2px;cursor:pointer;opacity:.4;transition:all .2s;background:var(--bg-main)}.char-cell.svelte-16be5br:hover{opacity:.8}.char-cell.maxed.svelte-16be5br{opacity:.2;cursor:not-allowed}.disabled.svelte-16be5br .char-cell:where(.svelte-16be5br){cursor:not-allowed;pointer-events:none}.disabled.svelte-16be5br .btn-small:where(.svelte-16be5br){cursor:not-allowed;pointer-events:none;opacity:.5}.char-cell.selected.svelte-16be5br{border-color:var(--primary);opacity:1;background:var(--bg-alt)}.char-cell.svelte-16be5br img:where(.svelte-16be5br){width:100%;height:100%;object-fit:contain}.any-cell.svelte-16be5br{display:flex;align-items:center;justify-content:center;background:var(--bg-alt);border:2px dashed var(--border-color)}.any-cell.selected.svelte-16be5br{border-color:var(--primary);border-style:solid;background:var(--primary-soft)}.any-label.svelte-16be5br{font-size:.6rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.any-cell.selected.svelte-16be5br .any-label:where(.svelte-16be5br){color:var(--primary)}
