

.pc{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:var(--r-card);overflow:hidden;background:var(--pc-empty);
  box-shadow:inset 0 0 0 var(--cs-edge-w) var(--hair);cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform var(--dur) var(--ease),box-shadow var(--dur)}
.pc:hover{transform:translateY(calc(-1 * var(--s-0)));box-shadow:inset 0 0 0 var(--cs-edge-w) var(--hair-strong),var(--e2)}
.pc:focus-visible{outline:var(--s-0) solid var(--accent);outline-offset:var(--s-0)}
.pc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pc-shade{position:absolute;inset:0;background:var(--pc-shade);pointer-events:none}
.pc-pill{position:absolute;top:var(--s-3);display:inline-flex;align-items:center;gap:var(--s-1);height:var(--cs-pill);padding:0 var(--s-2);border-radius:var(--r-pill);
  font:var(--cs-weight-strong) var(--type-micro)/1 var(--disp);color:var(--cs-on-accent);background:var(--pc-glass);-webkit-backdrop-filter:blur(var(--s-4)) saturate(1.4);backdrop-filter:blur(var(--s-4)) saturate(1.4);
  box-shadow:inset 0 0 0 var(--cs-edge-w) var(--pc-glass-edge);font-variant-numeric:tabular-nums;white-space:nowrap}
.pc-pill i{width:var(--cs-orb);height:var(--cs-orb);border-radius:50%;flex:0 0 auto}
.pc-stage{left:var(--s-3)}
.pc-right{position:absolute;top:var(--s-3);right:var(--s-3);display:flex;gap:var(--s-1)}   
.pc-right .pc-pill{position:static}
.pc-timer sf-icon{font-size:var(--cs-icon) !important}

.pc-bolt{padding:0 var(--s-1);opacity:.5}
.pc-bolt svg,.pc-bolt sf-icon{width:var(--s-4);height:var(--s-4)}
.pc-bolt.is-fire{animation:pcZap var(--cs-motion-slow) var(--cs-ease) 2;opacity:1;color:var(--cs-warn)}
@keyframes pcZap{0%{transform:none;filter:none}25%{transform:scale(1.35) rotate(-8deg);filter:drop-shadow(0 0 var(--s-1) var(--cs-warn))}50%{transform:scale(.95) rotate(6deg)}100%{transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){.pc-bolt.is-fire{animation:none}}
.pc-live{left:var(--s-3);top:calc(var(--s-3) + var(--cs-pill) + var(--s-1));max-width:calc(100% - 2 * var(--s-3));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}   
.pc-live[hidden]{display:none}
.pc-prio{position:absolute;top:var(--s-3);left:50%;transform:translateX(-50%)}
.pc-foot{position:absolute;left:var(--s-3);right:var(--s-3);bottom:var(--s-3);display:flex;align-items:center;gap:var(--s-2);min-width:0}
.pc-av{flex:0 0 auto;display:grid;place-items:center;width:var(--s-7);height:var(--s-7);border-radius:50%;background:var(--pc-glass);background-size:cover;background-position:center;
  font:var(--cs-weight-strong) var(--type-micro)/1 var(--font);color:var(--cs-on-accent);box-shadow:0 0 0 var(--cs-edge-w) var(--pc-glass-edge)}
.pc-flag{flex:0 0 auto;color:var(--cs-warn);font-size:var(--type-micro)}
.pc-name{flex:1;min-width:0;font:var(--cs-weight-strong) var(--type-body)/1.2 var(--disp);color:var(--cs-on-accent);text-shadow:0 var(--s-0) var(--s-0) var(--pc-ink-shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-tags{flex:0 0 auto;display:flex;gap:var(--s-0);margin-left:auto}   
.pc-tag{display:inline-flex;align-items:center;justify-content:center;min-width:var(--cs-pill);height:var(--s-6);padding:0 var(--s-1);border-radius:var(--r-2xs);
  font:var(--cs-weight-strong) var(--type-micro)/1 var(--disp);color:var(--cs-on-accent);background:var(--pc-glass);box-shadow:inset 0 0 0 var(--cs-edge-w) var(--pc-glass-edge);font-variant-numeric:tabular-nums}
.pc-tag.is-empty{color:var(--cs-on-accent)}
html .pc .pc-tag{border-radius:calc(var(--s-5) / 2) !important;padding:0 var(--s-1) !important;min-width:0;height:var(--s-5);font-size:var(--type-micro)}


.pc .pc-bolt:not(.is-fire){opacity:0;transition:opacity var(--dur) ease}
.pc:hover .pc-bolt,.pc:focus-within .pc-bolt,.pc:focus .pc-bolt{opacity:.6}
.pc .pc-tag.is-empty{display:none}

.sc-wrap{container-type:inline-size;contain:layout style;width:100%;display:block;--cs-ink:var(--sc-ink);--cs-ink-2:var(--sc-ink-2);--cs-ink-3:var(--sc-ink-3);--cs-ink-4:var(--sc-ink-4);--cs-on-accent:var(--sc-white)}   
.sc{cursor:pointer;border-radius:7cqw;overflow:hidden;background:var(--sc-surface);border:var(--sc-edge) solid var(--sc-white);box-shadow:var(--sc-shadow);padding:3.6cqw;box-sizing:border-box;display:flex;flex-direction:column;gap:4cqw;font-family:var(--disp);color:var(--cs-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transform:translateZ(0);backface-visibility:hidden;transition:transform var(--sc-move) var(--sc-ease);will-change:transform;user-select:none;-webkit-user-select:none}
.sc:hover{transform:translate3d(0,var(--sc-lift),0)}
.sc:active{transform:translate3d(0,var(--sc-press),0) scale(.985);transition-duration:var(--sc-move-fast)}
.sc-wrap:focus-visible{outline:var(--s-0) solid var(--accent);outline-offset:var(--s-0);border-radius:7cqw}
.sc-hero{position:relative;flex:none;aspect-ratio:16/9;border-radius:4.6cqw;overflow:hidden;display:flex;align-items:center;justify-content:center;transform:translateZ(0)}
.sc-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-blur{position:absolute;inset:-20%;width:140%;height:140%;object-fit:cover;filter:blur(var(--sc-blur)) saturate(140%);opacity:.75}
.sc-shade{position:absolute;inset:0;background:var(--sc-shade)}
.sc-play{position:relative;width:13cqw;height:13cqw;border-radius:50%;background:var(--sc-play-bg);box-shadow:var(--sc-play-shadow);display:flex;align-items:center;justify-content:center}
.sc-play sf-icon{font-size:5.4cqw !important;margin-left:.8cqw;color:var(--cs-ink)}
.sc-dur{position:absolute;left:2.6cqw;bottom:2.6cqw;height:6.4cqw;padding:0 2.4cqw;border-radius:var(--r-pill);display:flex;align-items:center;background:var(--sc-dur-bg);font:600 3.3cqw/1 var(--disp);color:var(--cs-on-accent);font-variant-numeric:tabular-nums}
.sc-big{position:relative;width:26cqw;height:26cqw;border-radius:50%;overflow:hidden;background:var(--sc-big-bg);box-shadow:var(--sc-big-shadow);display:flex;align-items:center;justify-content:center;font:600 9cqw/1 var(--disp);color:var(--cs-ink)}
.sc-big img{width:100%;height:100%;object-fit:cover}
.sc-amount{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:600;line-height:1;font-family:var(--disp);letter-spacing:-.045em;color:var(--cs-ink);font-variant-numeric:tabular-nums}
.sc-proc{position:absolute;top:2.6cqw;right:2.6cqw;width:7cqw;height:7cqw;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 3.2cqw/1 var(--disp);box-shadow:var(--sc-proc-shadow)}
.sc-picks{position:absolute;inset:12.2cqw 2.6cqw 2.6cqw;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1.6cqw}
.sc-pick{border-radius:2.6cqw;background:var(--sc-pick-bg);border:var(--sc-edge) solid var(--sc-pick-edge);display:flex;flex-direction:column;justify-content:center;padding:0 2cqw;min-width:0}
.sc-pick.is-empty{background:var(--sc-pick-empty);border-style:dashed;border-color:var(--sc-pick-empty-edge)}
.sc-pk{font:500 2.5cqw/1.15 var(--disp);color:var(--cs-ink-3)}
.sc-pv{margin-top:.8cqw;font:600 3cqw/1.15 var(--disp);color:var(--cs-ink);overflow-wrap:anywhere}
.sc-pick.is-empty .sc-pv{color:var(--cs-ink-4)}
.sc-status{position:absolute;top:2.6cqw;left:2.6cqw;height:7cqw;padding:0 2.6cqw 0 2cqw;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:1.6cqw;background:var(--sc-glass);box-shadow:var(--sc-glass-shadow);font:600 3.4cqw/1 var(--disp);color:var(--cs-ink)}
.sc-dot{width:2.2cqw;height:2.2cqw;border-radius:50%;display:block;flex:none}
.sc-kind{position:absolute;top:2.6cqw;right:2.6cqw;height:7cqw;padding:0 2.6cqw;border-radius:var(--r-pill);display:inline-flex;align-items:center;background:var(--sc-glass);box-shadow:var(--sc-glass-shadow);font:600 3cqw/1 var(--disp);letter-spacing:.08em;text-transform:uppercase;color:var(--cs-ink-2)}
.sc-body{flex:none;display:flex;flex-direction:column;gap:3cqw;padding:0 1.4cqw}
.sc-words{display:flex;flex-direction:column;gap:1.2cqw}
.sc-title{margin:0;font:600 6cqw/1.18 var(--disp);letter-spacing:-.022em;text-wrap:balance;overflow-wrap:anywhere;color:var(--cs-ink)}
.sc-sub{font:400 3.8cqw/1.35 var(--font);color:var(--cs-ink-2);text-wrap:pretty}
.sc-people{display:flex;align-items:center;gap:2cqw;padding-top:3cqw;border-top:var(--sc-edge) solid var(--sc-line)}
.sc-person{flex:1;min-width:0;display:flex;align-items:center;gap:2.2cqw;padding:1.2cqw 2.4cqw 1.2cqw 1.2cqw;border-radius:var(--r-pill);background:var(--sc-person-bg);border:var(--sc-edge) solid var(--sc-person-edge);text-align:left;cursor:pointer;font-family:var(--disp);transition:background-color var(--sc-hover-move) ease,border-color var(--sc-hover-move) ease}
.sc-person:hover{background:var(--sc-person-hover);border-color:var(--sc-person-hover-edge)}
.sc-face{width:8.6cqw;height:8.6cqw;border-radius:50%;flex:none;overflow:hidden;background:var(--sc-face-bg);display:flex;align-items:center;justify-content:center;font:600 3.2cqw/1 var(--disp);color:var(--cs-ink)}
.sc-face img,.sc-face svg{width:100%;height:100%;object-fit:cover;display:block}
.sc-pt{min-width:0}
.sc-role{display:block;font:500 2.6cqw/1 var(--disp);letter-spacing:.06em;text-transform:uppercase;color:var(--cs-ink-3)}
.sc-pname{display:block;margin-top:.8cqw;font:600 3.6cqw/1.15 var(--disp);color:var(--cs-ink);overflow-wrap:anywhere}
.sc-pname.is-muted{color:var(--cs-ink-3)}
@media (prefers-reduced-motion:reduce){.sc,.sc-person{transition:none}.sc:hover,.sc:active{transform:none}}
.sc-ring{position:relative;width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p) * 1%),var(--sc-ring-track) 0);display:grid;place-items:center}
.sc-ring::before{content:"";position:absolute;inset:10%;border-radius:50%;background:var(--sc-white)}
.sc-ring>b{position:relative;font:700 3cqw/1 var(--disp);color:var(--cs-ink)}

.sc-timer{gap:1.4cqw;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;color:var(--cs-ink)}
.sc-timer sf-icon{font-size:3.4cqw !important;color:var(--cs-ink-2)}
