.streamer-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1);min-width:0;box-shadow:var(--shadow-rest);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur-fast) var(--ease-out);position:relative;overflow:hidden;container-type:inline-size}.streamer-card>a{height:100%;color:inherit;text-decoration:none;display:block}.streamer-card:focus-within{border-color:var(--hot)}.streamer-card>a:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.streamer-thumbnail{aspect-ratio:4/3;background:linear-gradient(135deg,#2a2033,#1d1724);place-items:center;display:grid;position:relative;overflow:hidden}.streamer-thumbnail>img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur) var(--ease-out);display:block;position:absolute;inset:0}.thumbnail-fallback{color:#5d4a6a;font-size:2.4rem;font-weight:700}.thumb-fade{z-index:1;background:var(--thumb-fade);pointer-events:none;position:absolute;inset:0}.live-badge,.platform-badge{z-index:2;border-radius:var(--r-xs);letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;align-items:center;gap:4px;height:22px;padding:0 7px;font-size:11px;font-weight:600;line-height:1;display:inline-flex;position:absolute}.live-badge{top:8px;background:var(--live);color:#fff;inset-inline-start:8px}.live-badge .live-dot{background:#fff;border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}[data-freshness=cached] .live-badge{background:var(--scrim);color:var(--paper);box-shadow:inset 2px 0 0 var(--live)}.card-live{z-index:2;top:12px;background:var(--live);pointer-events:auto;border-radius:50%;width:10px;height:10px;position:absolute;inset-inline-start:12px;box-shadow:0 0 0 2px #0c09108c,0 0 8px #ff2d558c}.card-live[hidden]{display:none}.card-live:after{content:"";background:var(--live);opacity:0;pointer-events:none;border-radius:50%;animation:1.6s cubic-bezier(.2,.6,.35,1) infinite live-pulse;position:absolute;inset:0}@keyframes live-pulse{0%{opacity:.6;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}.streamer-skeleton .card-live:after,[data-freshness=cached] .card-live:after,.streamer-card[data-preview] .card-live:after{content:none}.streamer-card[data-preview=playing] .card-live,.streamer-card[data-preview=ready] .card-live{visibility:hidden}@media (prefers-reduced-motion:reduce){.card-live:after{content:none;animation:none}}.card-saved{z-index:2;top:6px;width:20px;height:20px;color:var(--accent);filter:drop-shadow(0 1px 2px #0009);pointer-events:none;place-items:center;display:grid;position:absolute;inset-inline-start:26px}.card-live[hidden]~.card-saved{inset-inline-start:6px}.card-viewers{z-index:3;inset-inline-start:8px;color:#fff;letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000000bf;pointer-events:none;align-items:center;gap:3px;max-width:calc(100% - 16px);height:14px;font-size:11px;font-weight:600;line-height:14px;display:inline-flex;position:absolute;bottom:28px}.card-viewers[hidden]{display:none}.card-viewers svg{opacity:.9;filter:drop-shadow(0 1px 1px #000000b3);flex:none;width:11px;height:11px}.streamer-card .platform-badge{inset-inline:auto 8px}.platform-badge{top:8px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--scrim);max-width:calc(100% - 40px);color:var(--paper);backdrop-filter:blur(6px);padding:0 7px 0 3px;inset-inline-end:8px;overflow:hidden}@supports not (backdrop-filter:blur(6px)){.platform-badge{background:var(--scrim-strong)}}.platform-logo{flex:none;justify-content:center;align-items:center;min-width:18px;height:16px;display:inline-flex}.platform-logo img{width:auto;height:16px;max-height:16px;display:block}.platform-badge-name{text-overflow:ellipsis;min-width:0;line-height:16px;overflow:hidden}@container (width<=199px){.platform-badge-name{display:none}.platform-badge{padding:0 2px}}.streamer-card .thumb-fade{z-index:2;background:linear-gradient(0deg,#0c0910d1 0,#0c091073 22%,#0000 44%)}.card-name{z-index:3;inset-inline:8px 34px;pointer-events:none;align-items:center;gap:5px;min-width:0;height:22px;display:flex;position:absolute;bottom:6px}.model-gender{vertical-align:middle;filter:drop-shadow(0 1px 1px #000000b3);flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.model-gender[hidden]{display:none}.model-gender>svg{width:18px;height:18px;display:block}.card-name .model-gender{flex-basis:14px;width:14px;height:14px}.card-name .model-gender>svg{width:14px;height:14px}.gender-female{stroke:#ff6b9e}.gender-male{stroke:#58b8ff}.gender-trans{stroke:#b58cff}.streamer-card:has(.card-flag[hidden]) .card-name{inset-inline-end:8px}.streamer-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000000b3;min-width:0;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.card-flag{z-index:3;inset-inline-end:8px;pointer-events:auto;border-radius:2px;width:20px;height:15px;display:block;position:absolute;bottom:9px;overflow:hidden;box-shadow:0 0 0 1px #ffffff38,0 1px 3px #00000080}.card-flag>img{object-fit:cover;width:20px;height:15px;display:block}.streamer-card[data-compact] .streamer-name{font-size:13px}@container (width<=159px){.card-name{inset-inline-end:31px}.card-flag,.card-flag>img{width:18px;height:13.5px}}@media (width<=360px){.streamer-name{font-size:13px}}@media (hover:hover){.streamer-card:hover{box-shadow:var(--shadow-hover);border-color:#0000;transform:translateY(-3px)}.streamer-card:hover .streamer-thumbnail>img{transform:scale(1.03)}}@media (hover:hover) and (prefers-reduced-motion:reduce){.streamer-card:hover,.streamer-card:hover .streamer-thumbnail>img{transform:none}}.streamer-preview{z-index:1;pointer-events:none;opacity:0;transition:opacity var(--dur);position:absolute;inset:0}.streamer-preview iframe{pointer-events:none;background:#100c16;border:0;width:100%;height:100%;display:block}.streamer-preview video{object-fit:cover;object-position:center 25%;pointer-events:none;background:#100c16;width:100%;height:100%;display:block}.streamer-card[data-preview=playing] .streamer-preview,.streamer-card[data-preview=ready] .streamer-preview{opacity:1}.preview-spinner{z-index:3;filter:drop-shadow(0 0 2px #0c0910d9);pointer-events:none;border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;animation:.8s linear infinite preview-spin;position:absolute;top:50%;left:50%}@keyframes preview-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.preview-spinner{animation:none}}.streamer-skeleton{pointer-events:none}.skeleton-line{border-radius:var(--r-xs);color:#0000!important;text-shadow:none!important;background:#3a3046!important}.streamer-skeleton .card-name{inset-inline-end:auto;width:52%;height:14px;bottom:9px}.streamer-skeleton .card-name>.skeleton-line{width:100%;height:14px;display:block}.streamer-skeleton .card-flag{box-shadow:none}.streamer-skeleton .card-viewers{border-radius:var(--r-xs);background:#3a3046;width:36px;height:9px;bottom:31px}.streamer-skeleton .card-live{box-shadow:none;background:#3a3046}.streamer-skeleton:after,.streamer-thumbnail[data-thumbnail-loading]:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 20%,#e3c6ef13 50%,#0000 80%);animation:1.6s ease-in-out infinite card-loading;position:absolute;inset:0;transform:translate(-100%)}.streamer-thumbnail[data-thumbnail-loading]:before{content:"";z-index:1;pointer-events:none;background:#2b2035;position:absolute;inset:0}.streamer-thumbnail[data-thumbnail-loading]:after{z-index:1}.streamer-card[data-preview=playing] .streamer-thumbnail:before,.streamer-card[data-preview=playing] .streamer-thumbnail:after,.streamer-card[data-preview=ready] .streamer-thumbnail:before,.streamer-card[data-preview=ready] .streamer-thumbnail:after{display:none}@keyframes card-loading{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.streamer-skeleton:after,.streamer-thumbnail[data-thumbnail-loading]:after{animation:none;transform:none}}.info-tip{border:1px solid var(--line-strong);width:24px;height:24px;color:var(--muted);cursor:help;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:13px;font-style:italic;font-weight:700;line-height:1;display:grid}.info-tip:hover{color:var(--paper);border-color:var(--muted)}.tip{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface-2);width:max-content;max-width:min(280px,100vw - 32px);box-shadow:var(--shadow-pop);color:var(--paper);margin:0;padding:10px 12px;font-size:13px;line-height:19px;display:none;position:fixed;inset:auto}.tip:popover-open{display:block}.streamer-preview[data-fit=letterbox]{background:#000}.embed-fit{aspect-ratio:640/330;width:100%;position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.streamer-preview .embed-fit iframe{width:640px;height:360px;transform:scale(var(--embed-scale,1));transform-origin:0 0;position:absolute;top:0;left:0}.card-go{z-index:3;top:8px;box-sizing:border-box;border-radius:var(--r-pill);background:var(--scrim-strong);color:#fff;white-space:nowrap;opacity:0;transform-origin:0;pointer-events:none;border:1px solid #ff2d55a6;align-items:center;gap:5px;max-width:calc(100% - 48px);height:22px;padding:0 8px 0 6px;font-size:11px;font-weight:700;line-height:1;text-decoration:none;transition:opacity .18s,transform .24s cubic-bezier(.2,.7,.3,1.2),border-color .18s;display:inline-flex;position:absolute;inset-inline-start:8px;transform:translate(-6px)scale(.9)}[dir=rtl] .card-go{transform-origin:100%;transform:translate(6px)scale(.9)}.card-go:hover{border-color:var(--live);color:#fff}.card-go-dot{background:var(--live);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.card-go-dot:after{content:"";background:var(--live);border-radius:50%;animation:1.6s cubic-bezier(.2,.6,.35,1) infinite live-pulse;position:absolute;inset:0}.card-go-text{text-overflow:ellipsis;min-width:0;line-height:16px;overflow:hidden}.card-go-arrow{flex:none;transition:transform .2s}.card-go:hover .card-go-arrow{transform:translate(2px)}.streamer-card[data-go] .card-go{opacity:1;pointer-events:auto;animation:1.8s ease-out .3s infinite go-pulse;transform:none}.card-live{transition:opacity .15s,transform .2s}.streamer-card[data-go] .card-live{opacity:0;transform:scale(.4)}.platform-badge-name{max-width:9em;transition:max-width .24s,opacity .16s}.streamer-card[data-go] .platform-badge-name{opacity:0;max-width:0}.streamer-card .platform-badge{transition:gap .24s,padding .24s}.streamer-card[data-go] .platform-badge{gap:0;padding-inline-end:3px}@keyframes go-pulse{0%{box-shadow:0 0 #ff2d558c}70%{box-shadow:0 0 0 7px #ff2d5500}to{box-shadow:0 0 #ff2d5500}}@media (prefers-reduced-motion:reduce){.card-go,.card-live,.platform-badge-name,.streamer-card .platform-badge{transition:none}.streamer-card[data-go] .card-go{animation:none}.card-go-dot:after{content:none;animation:none}}