/* /watch (templates/watch_party.html, static/watch-party.js). */
.wp{background:var(--fp-bg,#0b1320)}
.wp-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin:8px 0 16px}
.wp-head h2{font-size:clamp(28px,4vw,48px);font-weight:900;margin:2px 0 0}
.wp-tools{display:flex;gap:12px;align-items:center}
.wp-tools button{min-height:44px;padding:0 18px;border-radius:12px;background:var(--fp-accent-bg,#10302f);border:1px solid var(--fp-accent);color:#fff;font-weight:800;cursor:pointer}
.wp-tools a{font-size:13px;color:var(--fp-link)}
.wp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px}
.wp-card{display:grid!important;gap:8px;padding:16px 18px;border:1px solid var(--fp-line-2);border-radius:18px;background:var(--fp-panel);color:var(--fp-text);text-decoration:none!important}
.wp-card.is-mine{border-color:var(--fp-accent);box-shadow:0 0 0 1px var(--fp-accent)}
.wp-team{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.wp-team div{display:grid;min-width:0}
.wp-team b{font-size:clamp(16px,1.6vw,22px);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fp-dim)}
.wp-team.is-lead b{color:var(--fp-text)}
.wp-team div small{font-size:12px;color:var(--fp-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wp-team strong{display:grid;justify-items:end;font-size:clamp(30px,3.4vw,52px);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:var(--fp-dim);transition:color .4s}
.wp-team.is-lead strong{color:#6ee0bd}
.wp-team strong small{font-size:11px;font-weight:700;color:var(--fp-faint)}
.wp-team strong.is-flash{animation:wp-flash 1.6s ease-out}
@keyframes wp-flash{0%{color:#ffd166;transform:scale(1.12)}100%{transform:scale(1)}}
.wp-bar{display:block;height:6px;border-radius:6px;background:#3a2a44;overflow:hidden}
.wp-bar i{display:block;height:100%;background:var(--fp-accent);transition:width .8s}
.wp-probs{display:flex;justify-content:space-between;font-size:11px;color:var(--fp-faint)}
.wp-card em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--fp-faint)}
.wp-stars{margin-top:18px}
.wp-stars h3{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--fp-accent);margin:0 0 8px}
.wp-stars ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.wp-stars li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;padding:8px 12px;border-radius:12px;background:var(--fp-panel-2)}
.wp-stars i{grid-row:1/3;align-self:center;font-style:normal;font-size:10px;font-weight:800;color:var(--fp-dim)}
.wp-stars b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wp-stars small{grid-column:2;font-size:11px;color:var(--fp-faint)}
.wp-stars strong{grid-row:1/3;grid-column:3;align-self:center;font-size:20px;font-weight:900;color:#ffd166}
.wp.is-full{padding:24px 32px;overflow:auto}
.wp.is-full .wp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:520px){.wp-grid{grid-template-columns:minmax(0,1fr)}}