[data-social-kind][data-social-id]{position:relative}
.player-social-link{color:inherit;text-decoration:none;border-radius:4px}.player-social-link:hover,.player-social-link:focus-visible{color:#c88718;text-decoration:underline;text-underline-offset:3px;outline:2px solid #dca33166;outline-offset:3px}
.entity-social-actions{position:absolute;z-index:8;top:12px;right:12px;display:flex;align-items:center;gap:7px;padding:5px;border:1px solid color-mix(in srgb,#d7a13a 30%,#7891a2 25%);border-radius:999px;background:color-mix(in srgb,#061c2e 88%,transparent);box-shadow:0 8px 24px #00101d2e;backdrop-filter:blur(10px)}
.match-public-card,.match-card,.activity-public-card,.activity-card,.live-card{position:relative}
.match-public-card>.entity-social-actions,.match-card>.entity-social-actions{position:static;width:max-content;margin:12px 0 0 auto;padding:3px;gap:3px;border-color:#d6e0e6;background:#f3f6f8;box-shadow:none;backdrop-filter:none}
.match-card .entity-social-actions,.match-public-card .entity-social-actions{position:static!important;float:none;transform:none!important}
.bracket-match>.entity-social-actions{position:static!important;width:max-content;margin:8px 8px 8px auto;padding:2px 4px;gap:2px;border-color:#d7e0e6;border-radius:999px;background:#f3f6f8;box-shadow:none;backdrop-filter:none}
.bracket-match>.entity-social-actions .entity-social-button{width:30px;min-width:30px;height:30px;padding:0;color:#536a7b}
.bracket-match>.entity-social-actions .entity-social-button:hover,.bracket-match>.entity-social-actions .entity-social-button:focus-visible{background:#e3eaf0;color:#a86f16}
.match-public-card>.entity-social-actions .entity-social-button,.match-card>.entity-social-actions .entity-social-button{min-width:34px;width:34px;height:34px;color:#536a7b}
.match-public-card>.entity-social-actions .entity-social-button:hover,.match-public-card>.entity-social-actions .entity-social-button:focus-visible,.match-card>.entity-social-actions .entity-social-button:hover,.match-card>.entity-social-actions .entity-social-button:focus-visible{background:#e3eaf0;color:#a86f16}
.entity-social-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:34px;height:34px;padding:0 9px;border:0;border-radius:999px;background:transparent;color:#e8f0f4;font:800 11px/1 Inter,Arial,sans-serif;cursor:pointer;transition:background .18s,color .18s,transform .18s}
.entity-social-button:hover,.entity-social-button:focus-visible{outline:none;background:#ffffff17;color:#f1b53d;transform:translateY(-1px)}
.entity-social-button.is-liked{background:#dca331;color:#071827}
.entity-social-button svg{width:17px;height:17px;flex:none;stroke:currentColor}
.entity-like-count:empty{display:none}
.activity-social-slot>.entity-social-actions{position:static;z-index:auto;flex:0 0 auto;padding:3px;gap:3px;border-color:#d6e0e6;background:#f3f6f8;box-shadow:none;backdrop-filter:none}
.activity-social-slot .entity-social-button{min-width:30px;width:30px;height:30px;padding:0;color:#536a7b}
.activity-social-slot .entity-social-button:hover,.activity-social-slot .entity-social-button:focus-visible{background:#e3eaf0;color:#a86f16}
.activity-social-slot .entity-social-button.is-liked{background:#dca331;color:#071827}
.activity-social-slot .entity-social-button svg{width:15px;height:15px}
.activity-social-slot .entity-like-count{font-size:9px}
.hero-slide>.entity-social-actions{top:78px;right:20px}
.social-share-layer{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:18px;background:#02101dcc}
.social-share-layer[hidden]{display:none}
.social-share-open{overflow:hidden}
.social-share-dialog{width:min(100%,430px);overflow:hidden;border:1px solid #315269;border-radius:18px;background:#071f31;color:#edf4f7;box-shadow:0 28px 90px #000b}
.social-share-head{position:relative;padding:26px 52px 22px 24px;background:linear-gradient(145deg,#12354c,#071b2b)}
.social-share-head small{color:#e1a936;font-size:10px;font-weight:900;letter-spacing:.14em}
.social-share-head h2{margin:9px 0 0;font-size:23px;line-height:1.2}
.social-share-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:1px solid #48657a;border-radius:50%;background:#071a29;color:#fff;font-size:20px;cursor:pointer}
.social-share-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:18px}
.social-share-options button,.social-share-options a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:1px solid #315269;border-radius:9px;background:#0d2a3e;color:#eef5f8;font:800 12px/1 Inter,Arial,sans-serif;text-align:center;text-decoration:none;cursor:pointer}
.social-share-options .social-share-primary{grid-column:1/-1;border-color:#dda42f;background:#dda42f;color:#071827}
.social-system-toast{position:fixed;left:50%;bottom:26px;z-index:4100;max-width:min(90vw,430px);transform:translate(-50%,18px);padding:12px 16px;border-radius:9px;background:#071a29;color:#fff;box-shadow:0 12px 35px #0008;font:700 12px/1.4 Inter,Arial,sans-serif;opacity:0;transition:.2s}
.social-system-toast.is-visible{transform:translate(-50%,0);opacity:1}
@media(max-width:767px){.entity-social-actions{top:9px;right:9px}.hero-slide>.entity-social-actions{top:74px;right:12px}.entity-social-button{min-width:44px;height:44px}.activity-social-slot .entity-social-button{min-width:30px;width:30px;height:30px}.social-share-options{grid-template-columns:1fr}.social-share-options .social-share-primary{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.entity-social-button,.social-system-toast{transition:none}}
.notification-panel{box-sizing:border-box}
@media(max-width:767px){.notification-panel{left:12px;right:12px;width:auto!important}}
.notification-toggle{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;margin-left:auto;border:1px solid #365269;border-radius:50%;background:#0a2639;color:#eef5f8;cursor:pointer}.notification-toggle svg{width:19px;height:19px}.notification-toggle b{position:absolute;top:-4px;right:-3px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid #061c2e;border-radius:999px;background:#dca331;color:#071827;font-size:9px}.header-inner .notification-toggle+.login-button{margin-left:8px}.notification-panel{position:fixed;z-index:3900;top:78px;right:18px;width:min(390px,calc(100vw - 24px));max-height:min(650px,calc(100vh - 96px));overflow:auto;border:1px solid #315269;border-radius:15px;background:#071f31;color:#edf4f7;box-shadow:0 24px 70px #0009}.notification-panel[hidden]{display:none}.notification-panel>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #29475d;background:#071f31}.notification-panel h2{margin:3px 0 0;font-size:19px}.notification-panel small{color:#dda42f;font-size:9px;font-weight:900;letter-spacing:.12em}.notification-panel>header button{width:32px;height:32px;border:1px solid #46657a;border-radius:50%;background:transparent;color:#fff;font-size:20px}.notification-read-all{width:100%;padding:12px 18px;border:0;border-bottom:1px solid #29475d;background:#0a2a40;color:#dda42f;text-align:right;font-size:11px;font-weight:800;cursor:pointer}.notification-list>p{padding:26px;color:#9eb1be;text-align:center;font-size:12px}.notification-item{display:grid;grid-template-columns:9px 1fr;gap:11px;padding:15px 18px;border-bottom:1px solid #203e54;color:#edf4f7;text-decoration:none}.notification-item>span{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#496577}.notification-item.is-unread{background:#0d2c42}.notification-item.is-unread>span{background:#dda42f}.notification-item strong{font-size:12px}.notification-item p{margin:5px 0 0;color:#b4c6d0;font-size:11px;line-height:1.45}.notification-item small{display:block;margin-top:7px;color:#e1ad45;line-height:1.4}@media(max-width:767px){.notification-panel{top:68px;right:12px}.notification-toggle{width:36px;height:36px;flex-basis:36px;margin-left:auto}.header-inner .notification-toggle+.login-button{margin-left:0}}@media(max-width:420px){.header-inner .notification-toggle+.login-button:not(.is-authenticated){width:34px;padding:0;font-size:0;justify-content:center}.header-inner .notification-toggle+.login-button:not(.is-authenticated) svg{width:17px;height:17px}.header-inner .header-brand{min-width:0;flex:1}.header-inner .notification-toggle{margin-left:0}}

/* Result cards reserve a dedicated action column so like/share never cover the replay or player content. */
.recap-match{grid-template-columns:110px minmax(0,1fr) auto auto;}
.recap-match>.entity-social-actions{position:static;grid-column:4;grid-row:1;align-self:start;justify-self:end;width:max-content;margin:0;padding:3px;gap:3px;border-color:#d6e0e6;border-radius:999px;background:#f3f6f8;box-shadow:none;backdrop-filter:none;}
.recap-match>.entity-social-actions .entity-social-button{width:32px;min-width:32px;height:32px;padding:0;color:#536a7b;}
.recap-match>.entity-social-actions .entity-social-button:hover,.recap-match>.entity-social-actions .entity-social-button:focus-visible{background:#e3eaf0;color:#a86f16;}
.recap-match>.recap-replay-button,.recap-match>.recap-replay-unavailable{grid-column:3;grid-row:1;white-space:nowrap;}
@media(max-width:900px){
  .recap-match{grid-template-columns:90px minmax(0,1fr);}
  .recap-match-phase{grid-column:1;grid-row:1;}
  .recap-match>.entity-social-actions{grid-column:2;grid-row:1;}
  .recap-match-versus{grid-column:1/-1;grid-row:2;}
  .recap-match>.recap-replay-button,.recap-match>.recap-replay-unavailable{grid-column:1/-1;grid-row:3;}
}
@media(max-width:767px){
  .recap-match{grid-template-columns:1fr;}
  .recap-match-phase,.recap-match>.entity-social-actions,.recap-match-versus,.recap-match>.recap-replay-button,.recap-match>.recap-replay-unavailable{grid-column:1;}
  .recap-match>.entity-social-actions{grid-row:2;justify-self:start;}
  .recap-match-versus{grid-row:3;}
  .recap-match>.recap-replay-button,.recap-match>.recap-replay-unavailable{grid-row:4;}
}