.soc-replay{--csel-accent:var(--cyan)}.soc-replay .breadcrumb{max-width:1200px;font-family:var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--slate-light);flex-wrap:wrap;align-items:center;gap:8px;margin:0 auto;padding:14px 24px;font-size:10px;font-weight:700;display:flex}@media (min-width:768px){.soc-replay .breadcrumb{padding:14px 32px}}.soc-replay .breadcrumb a{color:var(--slate-light)}.soc-replay .breadcrumb a:hover{color:var(--cyan)}.soc-replay .breadcrumb-sep{color:var(--border)}.soc-replay .breadcrumb-current{color:var(--white)}.hero.soc-replay-hero{align-items:flex-end;min-height:300px;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.hero.soc-replay-hero{min-height:340px}}.soc-replay-hero .hero-bg{z-index:0;background:linear-gradient(160deg,#0d1825 0%,#152030 35%,#1a2840 65%,#0d1825 100%);position:absolute;inset:0}.soc-replay-hero .hero-bg-slide{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 1.5s;position:absolute;inset:0}.soc-replay-hero .hero-bg-slide.active{opacity:1}.soc-replay-hero .hero-bg:after{content:"";pointer-events:none;background:linear-gradient(#0d18258c 0%,#0d1825b8 100%),linear-gradient(135deg,#0d182566 0%,#15203026 50%,#0d182566 100%);position:absolute;inset:0}.soc-replay .hero-inner{z-index:3;width:100%;max-width:1200px;margin:0 auto;padding:48px 24px 32px;position:relative}@media (min-width:768px){.soc-replay .hero-inner{padding:64px 32px 40px}}.soc-replay .hero-eyebrow{font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px;font-size:11px;font-weight:800}.soc-replay .hero-title{font-family:var(--font-display);letter-spacing:.01em;color:var(--white);margin:0;font-size:clamp(52px,11vw,86px);line-height:.92}.soc-replay .hero-sub{font-family:var(--font-body);color:var(--slate-light);max-width:560px;margin-top:12px;font-size:15px;line-height:1.5}.soc-replay .hero-stats{border:1px solid var(--border);background:#080c148c;border-radius:10px;flex-wrap:wrap;gap:0;max-width:680px;margin-top:22px;display:flex;overflow:hidden}.soc-replay .hs-cell{border-right:1px solid var(--border);flex:1;min-width:130px;padding:14px 18px}.soc-replay .hs-cell:last-child{border-right:none}.soc-replay .hs-num{font-family:var(--font-display);color:var(--white);font-size:32px;line-height:1}.soc-replay .hs-num.cyan{color:var(--cyan)}.soc-replay .hs-lbl{font-family:var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--slate-light);margin-top:4px;font-size:9px;font-weight:700}.srl-body{max-width:1200px;margin:0 auto;padding:28px 24px 80px}@media (max-width:767px){.srl-body{padding:20px 16px 64px}}.srl-controls{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.srl-filters{flex-wrap:wrap;flex:420px;align-items:flex-start;gap:10px;min-width:0;display:flex}.srl-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:679px){.srl-controls{flex-direction:column;align-items:stretch}.srl-filters{flex:auto}.srl-filters .csel{flex:150px}.srl-filters .csel-trigger{width:100%}.srl-team{max-width:none}.srl-right{justify-content:space-between}}.srl-team{flex-direction:column;flex:1;gap:6px;min-width:200px;max-width:340px;display:flex;position:relative}.srl-team-input{background:var(--surf2);border:1px solid var(--border);width:100%;min-height:40px;color:var(--white);font-family:var(--font-head);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600}.srl-team-input::placeholder{color:var(--slate-light)}.srl-team-input:hover{border-color:var(--cyan)}.srl-team-input:focus{outline:2px solid var(--cyan);outline-offset:1px}.srl-team-input::-webkit-search-cancel-button{appearance:none}.srl-team-miss{font-family:var(--font-body);color:var(--cyan);font-size:11px}.srl-video-toggle{background:var(--surf2);border:1px solid var(--border);min-height:40px;color:var(--slate-light);font-family:var(--font-head);letter-spacing:.03em;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.srl-video-toggle:hover{border-color:var(--cyan);color:var(--white)}.srl-video-toggle.active{background:var(--cyan);border-color:var(--cyan);color:#080c14}.srl-view-toggle{background:var(--surf2);border:1px solid var(--border);border-radius:8px;padding:3px;display:flex}.srl-view-toggle button{color:var(--slate-light);font-family:var(--font-head);letter-spacing:.03em;cursor:pointer;background:0 0;border:none;border-radius:6px;min-height:34px;padding:7px 13px;font-size:11px;font-weight:700;transition:background .15s,color .15s}.srl-view-toggle button.active{background:var(--cyan);color:#080c14}.srl-chip{color:var(--cyan);font-family:var(--font-head);background:#00c2ff1f;border:1px solid #00c2ff66;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 8px 6px 12px;font-size:11px;font-weight:700;display:inline-flex}.srl-chip button{color:var(--cyan);cursor:pointer;background:0 0;border:none;min-width:28px;min-height:28px;padding:2px 6px;font-size:13px;line-height:1}.srl-count{font-family:var(--font-body);color:var(--slate-light);margin:2px 2px 18px;font-size:12px}.srl-count b{color:var(--white)}.srl-error{font-family:var(--font-body);color:var(--cyan);margin-bottom:14px;font-size:12px}.srl-grid{grid-template-columns:1fr;gap:14px;transition:opacity .15s;display:grid}@media (min-width:680px){.srl-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.srl-grid{grid-template-columns:repeat(3,1fr)}}.srl-grid.is-loading{opacity:.6}.srl-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.srl-card:hover{border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 14px 34px #0006}.srl-card:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.srl-card-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.srl-comp{font-family:var(--font-head);letter-spacing:.07em;text-transform:uppercase;color:var(--cyan);white-space:nowrap;text-overflow:ellipsis;background:#00c2ff1a;border:1px solid #00c2ff4d;border-radius:5px;min-width:0;padding:3px 8px;font-size:9px;font-weight:800;overflow:hidden}.srl-date{font-family:var(--font-head);letter-spacing:.04em;color:var(--slate-light);text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:600}.srl-matchup{flex-direction:column;gap:9px;padding:12px 14px 6px;display:flex}.srl-team-row{color:var(--slate-light);align-items:center;gap:10px;display:flex}.srl-team-row.won{color:var(--white)}.srl-crest{object-fit:contain;flex-shrink:0;width:30px;height:30px}.srl-team-name{font-family:var(--font-head);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.srl-score{font-family:var(--font-display);text-align:right;min-width:26px;font-size:22px;line-height:1}.srl-type{font-family:var(--font-body);color:var(--slate-light);flex-wrap:wrap;align-items:center;gap:8px;padding:0 14px 12px;font-size:11px;display:flex}.srl-video-pill{font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);background:#00c2ff1a;border:1px solid #00c2ff4d;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:9px;font-weight:800;display:inline-flex}.srl-spark{padding:0 14px 10px}.srl-spark .soc-goal-strip{width:100%;height:40px;display:block}.srl-spark-cap{font-family:var(--font-body);color:var(--slate-light);justify-content:space-between;gap:8px;margin-top:5px;font-size:10px;display:flex}.srl-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.srl-watch{border-top:1px solid var(--border);font-family:var(--font-head);letter-spacing:.04em;text-transform:uppercase;color:var(--cyan);justify-content:space-between;align-items:center;margin-top:auto;padding:11px 14px;font-size:11px;font-weight:800;display:flex}.srl-play-ico{background:#00c2ff24;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;display:flex}.soc-replay .mini-chip{font:800 9px var(--font-head);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;padding:2px 7px}.soc-replay .tier-chip{font:800 11px var(--font-head);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;padding:5px 12px}.soc-replay .tier-boom{color:#080c14;background:var(--orange);border-color:var(--orange)}.soc-replay .tier-bang{color:#080c14;background:var(--gold);border-color:var(--gold)}.soc-replay .tier-blip{color:#080c14;background:var(--cyan);border-color:var(--cyan)}.soc-replay .tier-blat{color:var(--white);border-color:var(--slate);background:#4a627840}.srl-more-wrap{justify-content:center;margin-top:26px;display:flex}.srl-more{color:var(--cyan);font-family:var(--font-head);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:#00c2ff1a;border:1px solid #00c2ff66;border-radius:9px;min-height:44px;padding:12px 28px;font-size:12px;font-weight:800;transition:background .15s}.srl-more:hover{background:#00c2ff33}.srl-more:disabled{opacity:.5;cursor:default}.srl-empty{text-align:center;color:var(--slate-light);font-family:var(--font-body);grid-column:1/-1;padding:60px 20px}.srl-empty h3{font-family:var(--font-display);color:var(--white);letter-spacing:.02em;margin:0 0 8px;font-size:28px}.srl-modal-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);overscroll-behavior:contain;background:#080c14d1;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.srl-modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:820px;animation:.18s srl-modal-in;position:relative;box-shadow:0 30px 80px #0000008c}@keyframes srl-modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.srl-modal-close{background:var(--surf2);border:1px solid var(--border);width:36px;height:36px;color:var(--white);cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;top:14px;right:14px}.srl-modal-close:hover{background:var(--cyan);border-color:var(--cyan);color:#080c14}.srl-modal-close:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.srl-modal-head{border-bottom:1px solid var(--border);padding:22px 26px 16px}.srl-modal-conf{font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);text-align:center;margin-bottom:12px;padding:0 40px;font-size:10px;font-weight:800}.srl-modal-teams{justify-content:center;align-items:center;gap:22px;margin-bottom:10px;display:flex}.srl-modal-team{width:150px;color:var(--slate-light);flex-direction:column;align-items:center;gap:8px;display:flex}.srl-modal-team.won{color:var(--white)}.srl-modal-crest{object-fit:contain;width:52px;height:52px}.srl-modal-team-name{font-family:var(--font-head);text-align:center;font-size:13px;font-weight:700}.srl-modal-team-score{font-family:var(--font-display);font-size:44px;line-height:1}.srl-modal-vs{font-family:var(--font-display);color:var(--slate-light);padding-top:26px;font-size:20px}.srl-modal-meta{text-align:center;font-family:var(--font-body);color:var(--slate-light);font-size:12px}.srl-modal-body{padding:18px 26px 26px}.srl-modal-msg{text-align:center;font-family:var(--font-body);color:var(--slate-light);padding:28px 0;font-size:13px}.srl-modal-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;padding-top:16px;display:flex}.srl-modal-link{font-family:var(--font-head);color:var(--cyan);align-items:center;min-height:44px;font-size:12px;font-weight:700;display:inline-flex}.srl-modal-link:hover{text-decoration:underline}.soc-replay .card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.soc-replay .card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px 12px;display:flex}.soc-replay .card-title{font:800 12px var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--white);align-items:center;gap:8px;display:flex}.soc-replay .card-title:before{content:"";background:var(--orange);border-radius:2px;width:3px;height:14px}.soc-replay .card-body{padding:20px}.soc-replay .stats-phase1-note{background:var(--surf2);font-family:var(--font-body);color:var(--slate-light);border-radius:6px;align-items:center;gap:8px;margin:16px 20px;padding:10px 14px;font-size:12px;display:flex}.soc-replay .stats-phase1-icon{flex-shrink:0;font-size:14px}.srl-modal-body .card.mac{background:0 0;border:none;border-radius:0}.srl-modal-body .card.mac .card-head{padding-left:0;padding-right:0}@media (max-width:767px){.srl-modal-overlay{-webkit-backdrop-filter:none;padding:0;display:block}.srl-modal{max-width:none;min-height:100%;box-shadow:none;border:none;border-radius:0;animation:.2s srl-sheet-in}@keyframes srl-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.srl-modal-close{width:44px;height:44px;margin:10px 10px 0 auto;font-size:17px;position:sticky;top:10px}.srl-modal-head{padding:0 16px 14px}.srl-modal-conf{padding:0}.srl-modal-teams{gap:12px}.srl-modal-team{flex:1;width:auto;max-width:150px}.srl-modal-crest{width:44px;height:44px}.srl-modal-team-score{font-size:34px}.srl-modal-vs{padding-top:18px}.srl-modal-body{padding:12px 0 24px}.srl-modal-body .card.mac .card-head{padding-left:16px;padding-right:16px}.srl-modal-actions{padding:16px 16px 0}}@media (pointer:coarse){.soc-replay .srl-modal .mac-tab{min-height:40px;padding:8px 16px}.soc-replay .srl-modal .mac-download{min-height:44px}.srl-view-toggle button{min-height:40px}.srl-video-toggle{min-height:44px}.srl-chip button{min-width:36px;min-height:36px}}@media (prefers-reduced-motion:reduce){.srl-card,.srl-modal,.srl-grid{transition:none;animation:none}}