.tile[data-v-5ef98118]{--tint:#e2e8f0;background:linear-gradient(120deg, color-mix(in srgb, var(--tint) 6%, transparent), color-mix(in srgb, var(--u-fg) 1.5%, transparent) 55%);min-height:84px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 14%, transparent);border-radius:14px;align-items:center;gap:12px;padding:12px 14px 12px 12px;transition:box-shadow .2s,background .2s;display:flex}.tile[data-v-5ef98118]:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 30%, transparent)}.tile--gold[data-v-5ef98118]{--tint:#fde68a}.tile--violet[data-v-5ef98118]{--tint:#c4b5fd}.tile--rose[data-v-5ef98118]{--tint:#fda4af}.tile--ember[data-v-5ef98118]{--tint:#fdba74}.tile--bronze[data-v-5ef98118]{--tint:#e8b280}.tile--locked[data-v-5ef98118]{--tint:#94a3b8;background:color-mix(in srgb, var(--u-fg) 1.5%, transparent);box-shadow:inset 0 0 0 1px var(--u-line)}.tile--locked[data-v-5ef98118]:hover{box-shadow:inset 0 0 0 1px var(--u-line2)}.tile__title[data-v-5ef98118]{color:var(--u-fg);font-size:13px;font-weight:600;line-height:1.25}.tile--locked .tile__title[data-v-5ef98118]{color:var(--u-fg2)}.tile__criterion[data-v-5ef98118]{-webkit-line-clamp:2;color:var(--u-fg2);-webkit-box-orient:vertical;margin-top:2px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.tile__meta[data-v-5ef98118]{letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--tint) 80%, transparent);flex-shrink:0;font-size:9.5px;font-weight:600}.tile--locked .tile__meta[data-v-5ef98118]{color:var(--u-fg3)}.tile__progress[data-v-5ef98118]{background:var(--u-line);border-radius:9999px;flex:auto;max-width:120px;height:3px;display:block;overflow:hidden}.tile__progress>span[data-v-5ef98118]{border-radius:inherit;background:var(--tint);height:100%;display:block}.tile--locked .tile__progress>span[data-v-5ef98118]{background:var(--u-fg3)}.tile__chip[data-v-5ef98118]{letter-spacing:.1em;text-transform:uppercase;color:var(--tint);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 35%, transparent);border-radius:9999px;flex-shrink:0;padding:1px 6px;font-size:8.5px;font-weight:700}.tile__tiers[data-v-5ef98118]{flex-shrink:0;gap:3px;display:flex}.tile__tiers i[data-v-5ef98118]{width:5px;height:5px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 45%, transparent);border-radius:9999px}.tile__tiers i.on[data-v-5ef98118]{background:var(--tint)}:root[data-theme=light] .tile[data-v-5ef98118]{--tint:#64748b}:root[data-theme=light] .tile--gold[data-v-5ef98118]{--tint:#b7791f}:root[data-theme=light] .tile--violet[data-v-5ef98118]{--tint:#7c3aed}:root[data-theme=light] .tile--rose[data-v-5ef98118]{--tint:#e11d48}:root[data-theme=light] .tile--ember[data-v-5ef98118]{--tint:#ea580c}:root[data-theme=light] .tile--bronze[data-v-5ef98118]{--tint:#9a5b2a}:root[data-theme=light] .tile--locked[data-v-5ef98118]{--tint:#64748b}