/* Stream recap component only. Global preview styles are intentionally excluded. */
.recap-hero{position:relative;isolation:isolate;min-height:157px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 24px;background:#221b1e;overflow:hidden}.recap-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-2;opacity:.65}.recap-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171417 10%,#171417d9 48%,#1714174d),linear-gradient(0deg,#141518,transparent 65%);z-index:-1}.recap-eyebrow{font-size:9px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:#e1b86a}.recap-hero h2{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:9px 0}.recap-hero h2>span{color:#d84355}.recap-hero p{font-size:11px;color:#b2aeb5}.recap-replay{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:10px 12px;background:#aa2435;border:1px solid #c44755;border-radius:7px;font-size:11px;font-weight:600;transition:background .2s}.recap-replay:hover{background:#be3043}.recap-replay svg{width:14px;height:14px}.recap-replay svg:last-of-type{width:12px}.recap-content{padding:1px 22px 0}.recap-community{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:1px;border:1px solid #363137;background:#363137;border-radius:9px;overflow:hidden;margin:0 0 22px}.recap-metric{background:#1b1c20;padding:15px 16px;min-width:0}.recap-metric dt{font-size:10px;color:#a6a7af;font-weight:550}.recap-metric dd{font:650 27px/1.15 Oxanium,Inter,sans-serif;color:#eeeef0;font-variant-numeric:tabular-nums;margin:8px 0 5px;letter-spacing:-.5px;overflow-wrap:anywhere}.recap-metric>span{display:block;font-size:9px;color:#8b8e98;line-height:1.4}.recap-xp{background:linear-gradient(120deg,#342b1d,#242024)}.recap-xp dt{color:#dcc392}.recap-xp dd{color:#f0c26b;font-size:32px;margin-top:5px}.recap-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:11px}.recap-section-heading h3,.recap-bottom h3{font-size:12px;letter-spacing:-.15px;font-weight:650}.recap-section-heading>span{color:#93959f;font-size:10px}.recap-combat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.recap-combat .recap-metric{padding:12px;border:1px solid #303137;border-radius:7px;background:#191a1e}.recap-combat dd{font-size:24px}.recap-win dd{color:#86d9ac}.recap-bottom{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;margin-top:22px}.recap-bottom h3{display:flex;align-items:center;gap:8px;margin-bottom:10px}.recap-bottom h3 svg{color:#d9b76f;width:15px;height:15px}.recap-bottom h3 small{font:400 9px Inter,sans-serif;color:#8f919b;margin-left:auto}.recap-top ol{list-style:none;padding:0;margin:0}.recap-top li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #2b2c32;min-width:0}.recap-rank{color:#9899a1;font:600 11px Oxanium,sans-serif;flex-shrink:0}.recap-top li:first-child .recap-rank{color:#ebc16d}.recap-person{display:flex;align-items:center;gap:8px;min-width:0}.recap-person strong{font-size:11px;font-weight:600;overflow-wrap:anywhere;line-height:1.5}.recap-clan{color:#efd866}.recap-avatar{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #494149;width:29px;height:29px;border-radius:50%;background:#2a2930;color:#d5d0d6;font-size:9px;flex-shrink:0;overflow:hidden}.recap-avatar img{width:100%;height:100%;object-fit:cover}.recap-score{margin-left:auto;flex-shrink:0;font:600 15px Oxanium,Inter,sans-serif;color:#e5d9bb;font-variant-numeric:tabular-nums;white-space:nowrap}.recap-score small{font:500 8px Inter,sans-serif;color:#94949c}.recap-support{padding-left:22px;border-left:1px solid #303137}.recap-support h3 svg{color:#d98691}.recap-support>p{font-size:10px;color:#9f959d;margin:3px 0 10px}.recap-supporters{display:flex;gap:9px;flex-wrap:wrap}.recap-supporters .recap-person{flex-basis:100%}.recap-supporters .recap-avatar{width:23px;height:23px}.recap-support-total{display:flex;align-items:center;gap:10px;margin-top:12px}.recap-support-total>strong{font:600 18px Oxanium,sans-serif;color:#e4b884;white-space:nowrap}.recap-support-total small{font:500 9px Inter,sans-serif}.recap-support-total>span{font-size:8px;line-height:1.6;color:#9d949c}.recap-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:600px){.recap-category{font-size:7px;letter-spacing:.5px}.recap-hero{padding:21px 16px;min-height:160px;align-items:flex-start;flex-direction:column;gap:13px}.recap-hero h2{font-size:25px}.recap-hero p{font-size:10px}.recap-hero-image{object-position:70% 40%}.recap-hero:after{background:linear-gradient(90deg,#171417fa,#17141788),linear-gradient(0deg,#141518,transparent)}.recap-replay{font-size:10px;padding:7px 10px}.recap-content{padding:0 13px}.recap-community{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.recap-metric{padding:12px 9px}.recap-metric dt{font-size:8px}.recap-metric dd{font-size:20px;margin:9px 0 5px;letter-spacing:-.6px}.recap-xp dd{font-size:24px;margin-top:6px}.recap-metric>span{font-size:8px}.recap-section-heading{align-items:flex-start;flex-wrap:wrap;gap:3px}.recap-section-heading>span{font-size:9px}.recap-combat{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.recap-combat .recap-metric{padding:11px}.recap-combat dd{font-size:24px}.recap-bottom{grid-template-columns:1fr;gap:18px;margin-top:20px}.recap-top li{padding:9px 0}.recap-person strong{font-size:12px}.recap-score{font-size:17px}.recap-support{padding:14px 0 0;border-left:0;border-top:1px solid #303137}.recap-supporters{gap:8px 15px}.recap-supporters .recap-person{flex-basis:auto}.recap-support-total{margin-top:12px}}
.recap-person-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.recap-person-badge{display:inline-block;border:1px solid #87414c;border-radius:3px;padding:1px 3px;font:650 6px/1.2 Inter,sans-serif;letter-spacing:.1px;color:#f1c7cc;background:#5b283344}.recap-person-badge.recap-legend{border-color:#9377c5;color:#c3a7fa;background:#40315544}.recap-avatar[class*="recap-ring-"]{overflow:visible;border:2px solid var(--ring,#eb88d1);box-shadow:0 0 0 2px #b8609733,0 0 9px #dd7ac35c}.recap-avatar[class*="recap-ring-"] img{border-radius:50%}.recap-ring-red{--ring:#dd566d}.recap-ring-gold{--ring:#ebc46d}.recap-ring-blue{--ring:#77b8fa}.recap-ring-purple{--ring:#ae85ef}.recap-ring-green{--ring:#7fd6a4}.recap-ring-pink{--ring:#eb88d1}
@media(prefers-reduced-motion:reduce){.recap-replay{transition:none}}
.system-post--recap .system-post-body{padding:0}.system-post--recap .recap-card h2{margin:9px 0}.system-post--recap .recap-top ol{margin:0}.system-post--recap .recap-card dl{margin-left:0;margin-right:0}.system-post--recap .recap-card dd{margin-left:0}.system-post--recap .recap-hero p{margin:0}.system-post--recap .recap-person{color:inherit}.system-post--recap .recap-person:hover strong{color:#fff}.system-post--recap .recap-brand-avatar{width:35px;height:35px;border-radius:50%;object-fit:cover}

.system-post--recap .recap-person .avatar{width:29px;height:29px;font-size:9px;flex-shrink:0}.system-post--recap .recap-person>.author-link{flex-shrink:0}.system-post--recap .recap-person-copy .supporter-badge,.system-post--recap .recap-person-copy .tactilegend-badge{font-size:7px}.system-post--recap .recap-supporters .avatar{width:23px;height:23px}