.friends-challenge{flex-direction:column;gap:1rem;display:flex}.friends-challenge:focus{outline:none}.friends-challenge__line,.friends-challenge__text{text-align:center;color:var(--brand-text-on-lab);overflow-wrap:anywhere;margin:0;font-size:.95rem;font-weight:800;line-height:1.4}.friends-challenge__hint{text-align:center;color:var(--brand-text-on-lab-muted);margin:0;font-size:.78rem;font-weight:700;line-height:1.4}.friends-challenge__dots:after{content:"…" / ""}.friends-challenge__chips{justify-content:center;display:flex}.friends-challenge__level{border:1px solid color-mix(in srgb, var(--brand-purple) 60%, transparent);white-space:nowrap;color:var(--brand-text-on-lab);border-radius:999px;align-items:center;padding:.15rem .6rem;font-size:.72rem;font-weight:800;display:inline-flex}.friends-challenge__timer{flex-direction:column;gap:.3rem;display:flex}.friends-challenge__time{text-align:center;letter-spacing:.04em;color:var(--brand-text-on-lab-muted);font-size:.74rem;font-weight:800}.friends-challenge__bar{background:color-mix(in srgb, var(--brand-text-on-lab-muted) 25%, var(--brand-surface-lab));border-radius:999px;block-size:.3rem;display:block;overflow:hidden}.friends-challenge__fill{border-radius:inherit;background:var(--brand-teal);block-size:100%;display:block}.friends-challenge__msg{border:1px solid var(--friends-challenge-ink,var(--brand-teal));border-radius:var(--app-radius-sm);background:color-mix(in srgb, var(--friends-challenge-ink,var(--brand-teal)) 10%, var(--brand-surface-lab));text-align:center;color:var(--brand-text-on-lab);overflow-wrap:anywhere;margin:0;padding:.65rem .8rem;font-size:.88rem;font-weight:700;line-height:1.4}.friends-challenge__msg--warn{--friends-challenge-ink:var(--app-accent)}.friends-challenge__msg--bad{--friends-challenge-ink:var(--app-danger)}.friends-challenge__link:disabled{opacity:.5;cursor:not-allowed}.friends-challenge .friends-row__below{padding-inline-start:0}.friends-challenge .friends-row__below .app-btn{letter-spacing:.06em;flex:1 1 0;width:auto;min-width:5.5rem;padding:.4rem .9rem;font-size:1.05rem}.friends-challenge .friends-challenge__timer--row{flex:100%}.friends-challenge__timer--row .friends-challenge__time{text-align:start}.friends-challenge__ended{color:var(--brand-text-on-lab-muted);flex:100%;margin:0;font-size:.85rem;font-weight:700}@media (prefers-reduced-motion:no-preference){.friends-challenge__dots:after{animation:1.4s ease-in-out infinite friends-challenge-breathe}.friends-challenge__fill{transition:inline-size .5s linear}}@keyframes friends-challenge-breathe{0%,to{opacity:.25}50%{opacity:1}}