.tile.svelte-13sakmz{--edge-h:var(--press-edge);align-items:center;gap:var(--space-3);width:100%;min-height:72px;margin:0 0 var(--edge-h);padding:var(--space-4);border-radius:var(--radius-md);background:var(--tile-color);box-shadow:0 var(--edge-h) 0 var(--tile-edge);color:var(--on-tile);font-family:var(--font-body);text-align:start;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);border:0;font-size:1.25rem;font-weight:700;line-height:1.25;display:flex;position:relative}.slot-a.svelte-13sakmz{--tile-color:var(--tile-a);--tile-edge:var(--tile-a-edge)}.slot-b.svelte-13sakmz{--tile-color:var(--tile-b);--tile-edge:var(--tile-b-edge)}.slot-c.svelte-13sakmz{--tile-color:var(--tile-c);--tile-edge:var(--tile-c-edge)}.slot-d.svelte-13sakmz{--tile-color:var(--tile-d);--tile-edge:var(--tile-d-edge)}button.idle.svelte-13sakmz:hover:not([aria-disabled=true]),button.selected.svelte-13sakmz:hover{filter:brightness(1.05)}button.idle.svelte-13sakmz:active:not([aria-disabled=true]),button.selected.svelte-13sakmz:active{transform:translateY(var(--edge-h));box-shadow:0 0 0 var(--tile-edge)}button[aria-disabled=true].svelte-13sakmz{cursor:default}.idle[aria-disabled=true].svelte-13sakmz{filter:saturate(.7)}.selected.svelte-13sakmz{box-shadow:inset 0 0 0 4px var(--white), 0 var(--edge-h) 0 var(--tile-edge)}.locked.svelte-13sakmz{transform:translateY(var(--edge-h));box-shadow:inset 0 0 0 4px var(--white)}.correct.svelte-13sakmz{box-shadow:0 0 0 4px var(--white), 0 var(--edge-h) 0 var(--tile-edge)}.dimmed.svelte-13sakmz{background:var(--stage-dim);box-shadow:none;color:var(--stage-dim-text);transform:translateY(var(--edge-h))}.badge.svelte-13sakmz{border-radius:var(--radius-sm);background:var(--tile-badge);flex-shrink:0;justify-content:center;align-items:center;gap:.2em;min-width:32px;height:32px;padding:0 .45em 0 .35em;font-size:1.125rem;display:inline-flex}.dimmed.svelte-13sakmz .badge:where(.svelte-13sakmz){background:var(--tile-badge-dim)}.dimmed.svelte-13sakmz .badge:where(.svelte-13sakmz) .shape{color:var(--tile-color)}.letter.svelte-13sakmz{font-family:var(--font-display);font-weight:800;line-height:1}.text.svelte-13sakmz{overflow-wrap:break-word;flex:1;min-width:0}.column.svelte-13sakmz{justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-direction:column}.column.svelte-13sakmz .text:where(.svelte-13sakmz){flex:0 auto;width:100%}.column.svelte-13sakmz .mark:where(.svelte-13sakmz){top:var(--space-3);right:var(--space-3);position:absolute}.mark.svelte-13sakmz{border-radius:var(--radius-pill);background:var(--white);width:1.6em;height:1.6em;color:var(--midnight);flex-shrink:0;place-items:center;font-size:1rem;display:inline-grid}.on-stage.svelte-13sakmz{--edge-h:max(var(--press-edge), calc(var(--u) * .7));--outline:max(4px, calc(var(--u) * .4));gap:calc(var(--u) * 2);min-height:calc(var(--u) * 12);padding:calc(var(--u) * 2) calc(var(--u) * 2.5);border-radius:calc(var(--u) * 1.8);font-size:var(--stage-tile-text);line-height:1.2}.on-stage.long.svelte-13sakmz{font-size:var(--stage-tile-text-long)}.on-stage.svelte-13sakmz .badge:where(.svelte-13sakmz){gap:calc(var(--u) * .8);min-width:0;height:auto;padding:calc(var(--u) * .8) calc(var(--u) * 1.4);border-radius:calc(var(--u) * 1.2);font-size:var(--stage-tile-badge)}.on-stage.svelte-13sakmz .mark:where(.svelte-13sakmz){font-size:var(--stage-tile-text)}.on-stage.selected.svelte-13sakmz,.on-stage.locked.svelte-13sakmz{box-shadow:inset 0 0 0 var(--outline) var(--white)}.on-stage.correct.svelte-13sakmz{box-shadow:0 0 0 var(--outline) var(--white), 0 var(--edge-h) 0 var(--tile-edge)}
