.promotion-picker.svelte-iqm19y{gap:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--bg-card), white 3%), var(--bg-card));width:min(100%,24rem);min-width:0;box-shadow:var(--shadow-hairline), 0 18px 42px #00000057;padding:var(--space-3);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));display:grid}.promotion-picker.svelte-iqm19y>div:where(.svelte-iqm19y):first-child{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;display:flex}.promotion-picker.board.svelte-iqm19y{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;padding:0;overflow:hidden}.promotion-picker.board.svelte-iqm19y .picker-header:where(.svelte-iqm19y){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}p.svelte-iqm19y{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-extrabold);margin:0}.cancel.svelte-iqm19y,.options.svelte-iqm19y button:where(.svelte-iqm19y){border:1px solid var(--border);background:color-mix(in srgb, var(--bg-primary), black 10%);color:var(--text-primary);cursor:pointer}.cancel.svelte-iqm19y{min-height:var(--component-sm);border-radius:var(--radius-full);padding:0 var(--space-3);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-bold)}.options.svelte-iqm19y{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.promotion-picker.board.svelte-iqm19y .options:where(.svelte-iqm19y){flex-direction:column;gap:0;display:flex}.side-bottom .promotion-picker.board.svelte-iqm19y .options:where(.svelte-iqm19y){flex-direction:column-reverse}.options.svelte-iqm19y button:where(.svelte-iqm19y){place-items:center;gap:var(--space-1);min-width:0;min-height:calc(var(--component-lg) + var(--space-3));border-radius:var(--radius-md);padding:var(--space-2);transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);display:grid}.promotion-picker.board.svelte-iqm19y .options:where(.svelte-iqm19y) button:where(.svelte-iqm19y){aspect-ratio:1;isolation:isolate;background:#b0b0b0;border:0;border-radius:50%;min-height:0;padding:0;position:relative;box-shadow:inset 0 0 25px 3px gray}.promotion-picker.board.svelte-iqm19y .options:where(.svelte-iqm19y) button:where(.svelte-iqm19y):last-child{border-bottom:0}.options.svelte-iqm19y button:where(.svelte-iqm19y):hover:not(:disabled),.options.svelte-iqm19y button:where(.svelte-iqm19y):focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--accent), transparent 88%);transform:translateY(-1px)}.promotion-picker.board.svelte-iqm19y .options:where(.svelte-iqm19y) button:where(.svelte-iqm19y):hover:not(:disabled),.promotion-picker.board.svelte-iqm19y .options:where(.svelte-iqm19y) button:where(.svelte-iqm19y):focus-visible{box-shadow:inset 0 0 48px 8px var(--accent);background:#b0b0b0;border-radius:0;transform:none}button.svelte-iqm19y:disabled{cursor:default;opacity:.62}.piece-frame.svelte-iqm19y{aspect-ratio:1;place-items:center;width:min(100%,4.5rem);display:grid}.piece-frame.svelte-iqm19y piece:where(.svelte-iqm19y){pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;display:block;position:relative;top:auto;left:auto}.promotion-picker.svelte-iqm19y:not(.board) piece:where(.svelte-iqm19y){filter:drop-shadow(0 8px 18px #00000052)}.promotion-picker.board.svelte-iqm19y .piece-frame:where(.svelte-iqm19y){width:100%;height:100%;z-index:var(--z-raised);position:relative}.promotion-picker.board.svelte-iqm19y piece:where(.svelte-iqm19y){opacity:1;transition:transform var(--duration-fast) var(--ease-out);transform:scale(.8)}.promotion-picker.board.svelte-iqm19y .options:where(.svelte-iqm19y) button:where(.svelte-iqm19y):hover:not(:disabled) piece:where(.svelte-iqm19y),.promotion-picker.board.svelte-iqm19y .options:where(.svelte-iqm19y) button:where(.svelte-iqm19y):focus-visible piece:where(.svelte-iqm19y){transform:none}.piece-frame.svelte-iqm19y+small:where(.svelte-iqm19y){margin-top:var(--space-1)}small.svelte-iqm19y{max-width:100%;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.promotion-picker.board.svelte-iqm19y small:where(.svelte-iqm19y){display:none}