.track-selection__grid.svelte-a2xqtb{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;max-height:320px;overflow-y:auto;padding:.25rem}.track-selection__card.svelte-a2xqtb{display:flex;flex-direction:column;gap:.35rem;padding:.6rem .75rem;border-radius:.5rem;border:1px solid rgba(120,197,255,.25);background:#0812228c;color:#e0f2ff;font-size:.85rem;text-align:left;transition:border-color .2s ease,background .2s ease,transform .15s ease;cursor:pointer}.track-selection__card.svelte-a2xqtb:hover{border-color:#78c5ff73;background:#0f233ca6}.track-selection__card[data-selected=true].svelte-a2xqtb{background:#2563eb8c;border-color:#38bdf8b3;transform:scale(1.02)}.track-selection__card.svelte-a2xqtb:focus-visible{outline:2px solid rgba(56,189,248,.7);outline-offset:2px}.track-selection__card-header.svelte-a2xqtb{display:flex;align-items:center;gap:.4rem}.track-selection__theme-emoji.svelte-a2xqtb{font-size:1.1rem;line-height:1}.track-selection__track-name.svelte-a2xqtb{font-weight:600;font-size:.9rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-selection__card-details.svelte-a2xqtb{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.track-selection__difficulty.svelte-a2xqtb{font-weight:500;text-transform:capitalize}.track-selection__surface.svelte-a2xqtb{padding:.1rem .35rem;border-radius:.25rem;background:#ffffff1a;font-size:.7rem}.track-selection__description.svelte-a2xqtb{margin:0;font-size:.75rem;color:#e0f2ffb3;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.track-selection__hint.svelte-a2xqtb{margin:.5rem 0 0;font-size:.8rem;color:#e0f2ffa6}