body.cc-match-page #tribe-events-content.tribe-events-single{max-width:1100px;margin:0 auto;padding:28px 20px 56px}
body.cc-match-page .tribe-events-single-event-title{font-size:clamp(22px,3.2vw,34px);line-height:1.12;margin:6px 0 18px;letter-spacing:.01em}
body.cc-match-page .tribe-events-back{margin:0 0 6px}
body.cc-match-page .tribe-events-back a{color:rgba(255,255,255,.6);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
body.cc-match-page .tribe-events-back a:hover{color:#EE212E}
body.cc-match-page .tribe-events-schedule,body.cc-match-page .tribe-events-event-image,body.cc-match-page .tribe-events-event-meta,body.cc-match-page #tribe-events-header,body.cc-match-page .tribe-events-notices,body.cc-match-page .tribe-events-single .tribe-events.tribe-common:has(.tribe-events-c-subscribe-dropdown){display:none!important}

/* hero */
.cc-mx{position:relative;background:#141414;border:1px solid rgba(255,255,255,.09);padding:22px 26px 0;margin:0 0 34px;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);isolation:isolate}
.cc-mx::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 90% at 18% 55%,rgba(238,33,46,.22),transparent 70%),radial-gradient(50% 80% at 85% 55%,rgba(255,255,255,.06),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px)}
.cc-mx::after{content:"";position:absolute;top:0;right:0;width:22px;height:22px;background:linear-gradient(to top right,transparent calc(50% - 1.5px),#EE212E calc(50% - 1.5px) calc(50% + 1.5px),transparent calc(50% + 1.5px))}
.cc-mx-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cc-mx-comp{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.cc-mx-comp img{height:16px;width:auto;opacity:.9}
.cc-mx-comp b{color:#fff;font-weight:800}
.cc-mx-comp em{font-style:normal;color:rgba(255,255,255,.55);font-weight:600}
.cc-mx-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:3px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;background:rgba(255,255,255,.07);color:#fff}
.cc-mx-chip i{width:7px;height:7px;border-radius:50%;background:#9aa0a6}
.cc-mx--upcoming .cc-mx-chip i{background:#EE212E}
.cc-mx--live .cc-mx-chip{background:#EE212E}
.cc-mx--live .cc-mx-chip i{background:#fff;animation:ccmxp 1.2s infinite}
@keyframes ccmxp{50%{opacity:.25}}
.cc-mx--win .cc-mx-chip{background:rgba(46,160,67,.2);color:#4ade80}.cc-mx--win .cc-mx-chip i{background:#4ade80}
.cc-mx--loss .cc-mx-chip{background:rgba(238,33,46,.16);color:#ff6b74}.cc-mx--loss .cc-mx-chip i{background:#ff6b74}

.cc-mx-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:34px 0 26px}
.cc-mx-team{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;min-width:0}
.cc-mx-team strong{font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(16px,2.4vw,26px);line-height:1.1;text-transform:uppercase;color:#fff;overflow-wrap:anywhere}
.cc-mx-logo{width:clamp(72px,11vw,112px);aspect-ratio:1;display:grid;place-items:center;background:#1f1f1f;border:1px solid rgba(255,255,255,.12);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));overflow:hidden}
.cc-mx-logo img{width:100%;height:100%;object-fit:cover;display:block}
.cc-mx-logo--us{background:#f1f1f1}
.cc-mx-logo--us img{width:82%;height:82%;object-fit:contain}
.cc-mx-logo b{font-size:clamp(26px,4vw,40px);font-weight:900;color:rgba(255,255,255,.75)}
.cc-mx-team--us .cc-mx-logo{box-shadow:0 0 0 1px #EE212E,0 0 34px rgba(238,33,46,.35)}
.cc-mx-mid{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.cc-mx-vstxt{font-family:Poppins,sans-serif;font-weight:900;font-size:clamp(30px,5vw,54px);line-height:1;color:#EE212E;letter-spacing:.04em}
.cc-mx-score{display:flex;align-items:center;gap:10px;font-family:Poppins,sans-serif;font-weight:900;font-size:clamp(40px,7vw,72px);line-height:1;font-variant-numeric:tabular-nums}
.cc-mx-score i{font-style:normal;color:rgba(255,255,255,.35);font-size:.7em}
.cc-mx-score .w{color:#fff}.cc-mx-score .l{color:rgba(255,255,255,.4)}
.cc-mx--win .cc-mx-score span:first-child{color:#4ade80}
.cc-mx--loss .cc-mx-score span:last-child{color:#fff}
.cc-mx-when{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.cc-mx-count{display:flex;gap:6px}
.cc-mx-count span{min-width:46px;padding:8px 4px 6px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.1);border-radius:3px;font-size:20px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;position:relative}
.cc-mx-count span::after{display:block;font-size:9px;font-weight:700;letter-spacing:.16em;color:rgba(255,255,255,.5);margin-top:2px}
.cc-mx-count [data-u=d]::after{content:"DAYS"}.cc-mx-count [data-u=h]::after{content:"HRS"}.cc-mx-count [data-u=m]::after{content:"MIN"}.cc-mx-count [data-u=s]::after{content:"SEC"}

.cc-mx-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:0 0 24px}
body:not(#hud) .cc-mx .cc-mx-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;min-height:44px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);cursor:pointer;list-style:none;transition:background .15s,border-color .15s}
body:not(#hud) .cc-mx .cc-mx-btn:hover{border-color:#EE212E;background:rgba(238,33,46,.12)}
body:not(#hud) .cc-mx .cc-mx-btn--twitch{background:#EE212E;border-color:#EE212E}
body:not(#hud) .cc-mx .cc-mx-btn--twitch:hover{background:#c8101c}
.cc-mx-btn svg{width:17px;height:17px}
.cc-mx-cal{position:relative}
.cc-mx-cal summary::-webkit-details-marker{display:none}
.cc-mx-cal summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);margin-left:4px}
.cc-mx-cal[open] summary::after{transform:translateY(2px) rotate(225deg)}
.cc-mx-cal>div{position:absolute;z-index:20;bottom:calc(100% + 6px);left:0;min-width:100%;background:#1d1d1d;border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column}
.cc-mx-cal>div a{padding:11px 14px;color:#fff;font-size:14px;text-decoration:none;white-space:nowrap}
.cc-mx-cal>div a:hover{background:rgba(238,33,46,.15);color:#fff}

.cc-mx-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 -26px;border-top:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.28)}
.cc-mx-meta>div{padding:14px 20px;border-right:1px solid rgba(255,255,255,.07);min-width:0}
.cc-mx-meta>div:last-child{border-right:0}
.cc-mx-meta dt{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#EE212E;margin:0 0 4px}
.cc-mx-meta dd{margin:0;font-size:15px;font-weight:600;color:#fff;line-height:1.3;overflow-wrap:anywhere}
.cc-mx-meta dd small{display:block;font-size:12px;font-weight:500;color:rgba(255,255,255,.5);margin-top:2px}
.cc-mx-meta a{color:#fff;text-decoration:underline;text-decoration-color:rgba(238,33,46,.7);text-underline-offset:3px}

/* description */
body.cc-match-page .tribe-events-single-event-description{max-width:760px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.82)}
body.cc-match-page .tribe-events-single-event-description h2{font-size:18px;letter-spacing:.06em;text-transform:uppercase;margin:30px 0 10px;padding-left:12px;border-left:3px solid #EE212E}
body.cc-match-page .tribe-events-single-event-description p:first-child strong{color:#fff}

/* prev / next */
body.cc-match-page .tribe-events-nav-pagination{margin:44px 0 0}
body.cc-match-page .tribe-events-sub-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;list-style:none;margin:0;padding:0}
body.cc-match-page .tribe-events-sub-nav li{margin:0;padding:0;width:auto;float:none;text-align:left}
body.cc-match-page .tribe-events-sub-nav li:empty{display:none}
body.cc-match-page .tribe-events-sub-nav .tribe-events-nav-next{grid-column:2;text-align:right}
body.cc-match-page .tribe-events-sub-nav a{display:block;height:100%;padding:16px 18px;background:#1b1b1b;border:1px solid rgba(255,255,255,.09);color:#fff;font-size:15px;font-weight:700;line-height:1.35;text-decoration:none;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transition:border-color .15s,background .15s}
body.cc-match-page .tribe-events-sub-nav a:hover{border-color:#EE212E;background:#211617}
body.cc-match-page .tribe-events-sub-nav a::before{display:block;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#EE212E;margin-bottom:6px}
body.cc-match-page .tribe-events-sub-nav a span{display:none}
body.cc-match-page .tribe-events-nav-previous a::before{content:"\2190  Previous match"}
body.cc-match-page .tribe-events-nav-next a::before{content:"Next match  \2192"}
body.cc-match-page #tribe-events-footer{border:0!important;margin:44px 0 0!important;padding:0!important}
body.cc-match-page #tribe-events-footer .tribe-events-sub-nav a{color:#fff!important;background:#1b1b1b!important;font-size:15px!important;font-weight:700!important}
body.cc-match-page #tribe-events-footer .tribe-events-sub-nav a:hover{background:#211617!important}
body.cc-match-page #tribe-events-footer .tribe-events-sub-nav a::before{display:block!important;width:auto!important;height:auto!important;background:none!important;-webkit-mask:none!important;mask:none!important;transform:none!important;margin:0 0 6px!important;font-size:10px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#EE212E!important}
body.cc-match-page #tribe-events-footer .tribe-events-nav-previous a::before{content:"\2190  Previous match"!important}
body.cc-match-page #tribe-events-footer .tribe-events-nav-next a::before{content:"Next match  \2192"!important}
body.cc-match-page #tribe-events-footer .tribe-events-sub-nav a::after{content:none!important;display:none!important}

@media (max-width:767px){
 body.cc-match-page #tribe-events-content.tribe-events-single{padding:18px 16px 44px}
 .cc-mx{padding:18px 16px 0}
 .cc-mx-vs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"us vs them" "when when when" "count count count";gap:12px 8px;padding:24px 0 20px}
 .cc-mx-mid{display:contents}
 .cc-mx-team--us{grid-area:us}.cc-mx-team--them{grid-area:them}
 .cc-mx-vstxt,.cc-mx-score{grid-area:vs;align-self:start;justify-self:center;margin-top:20px}
 .cc-mx-vstxt{font-size:30px}.cc-mx-score{font-size:40px;gap:6px}
 .cc-mx-when{grid-area:when;justify-self:center;text-align:center;margin-top:4px}
 .cc-mx-count{grid-area:count;justify-self:center}
 .cc-mx-logo{width:76px}
 .cc-mx-team strong{font-size:15px;overflow-wrap:normal;word-break:normal}
 .cc-mx-cal{display:flex;flex-direction:column}
 body:not(#hud) .cc-mx .cc-mx-cal summary.cc-mx-btn{display:flex;width:100%}
 .cc-mx-count span{min-width:40px;font-size:17px}
 .cc-mx-actions{flex-direction:column;align-items:stretch}
 body:not(#hud) .cc-mx .cc-mx-btn{justify-content:center}
 .cc-mx-cal>div{left:0;right:0}
 .cc-mx-meta{grid-template-columns:1fr 1fr;margin:0 -16px}
 .cc-mx-meta>div:nth-child(2){border-right:0}
 .cc-mx-meta>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}
 body.cc-match-page .tribe-events-sub-nav{grid-template-columns:1fr}
 body.cc-match-page .tribe-events-sub-nav .tribe-events-nav-next{grid-column:auto}
}