.realm-table-wrap.svelte-4qdkqh{overflow-x:auto;margin:1.5rem 0;border-radius:6px;border:1px solid color-mix(in oklch,currentColor 15%,transparent)}.realm-table.svelte-4qdkqh{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px}.realm-table.svelte-4qdkqh thead:where(.svelte-4qdkqh) th:where(.svelte-4qdkqh){padding:.65rem .9rem;text-align:left;font-weight:600;background:color-mix(in oklch,currentColor 8%,transparent);border-bottom:2px solid color-mix(in oklch,currentColor 20%,transparent);white-space:nowrap}.realm-table.svelte-4qdkqh tbody:where(.svelte-4qdkqh) tr:where(.svelte-4qdkqh){border-bottom:1px solid color-mix(in oklch,currentColor 10%,transparent);transition:background .15s ease}.realm-table.svelte-4qdkqh tbody:where(.svelte-4qdkqh) tr:where(.svelte-4qdkqh):last-child{border-bottom:none}.realm-table.svelte-4qdkqh tbody:where(.svelte-4qdkqh) tr:where(.svelte-4qdkqh):hover{background:color-mix(in oklch,var(--realm-color) 12%,transparent)}.realm-table.svelte-4qdkqh td:where(.svelte-4qdkqh){padding:.6rem .9rem;vertical-align:middle}.realm-num.svelte-4qdkqh{font-weight:700;color:color-mix(in oklch,var(--realm-color) 60%,currentColor);font-variant-numeric:tabular-nums;width:2rem}.realm-name.svelte-4qdkqh{font-weight:600;white-space:nowrap}.realm-audio.svelte-4qdkqh{display:flex;align-items:center;gap:.55rem;white-space:nowrap}.play-btn.svelte-4qdkqh{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1.5px solid color-mix(in oklch,currentColor 30%,transparent);background:color-mix(in oklch,currentColor 6%,transparent);cursor:pointer;color:inherit;flex-shrink:0;transition:background .15s ease,border-color .15s ease,transform .1s ease}.play-btn.svelte-4qdkqh:hover{background:color-mix(in oklch,currentColor 12%,transparent);border-color:color-mix(in oklch,currentColor 50%,transparent);transform:scale(1.1)}.play-btn.active.svelte-4qdkqh{background:color-mix(in oklch,var(--realm-color) 30%,transparent);border-color:color-mix(in oklch,var(--realm-color) 70%,transparent);color:color-mix(in oklch,var(--realm-color) 80%,currentColor)}.play-btn.svelte-4qdkqh svg:where(.svelte-4qdkqh){fill:currentColor}.track-name.svelte-4qdkqh{font-family:monospace;font-size:.8em;opacity:.75}.warrior-play-btn.svelte-1vat7ts{--btn-bg: var(--color-yellow, #ffab00);--btn-hover: #ffd040;--btn-text: #1a1200;color:var(--btn-text);font-family:Skranji,serif;letter-spacing:.06em;display:inline-flex;margin:2rem 0}.warrior-play-btn.svelte-1vat7ts:hover{color:var(--btn-text)}