.match-hero{--player-w:120px;--player-h:100px;--avatar-size:60px;--avatar-offset:50px;--avatar-top:-40px;--name-w:100%;--score-max-w:min(148px,34vw);--hero-h:480px}@media(max-width:400px){.match-hero{--player-w:96px;--avatar-size:48px;--avatar-offset:40px;--avatar-top:-32px;--hero-h:440px}}@media(min-width:768px){.match-hero{--player-w:200px;--avatar-size:88px;--avatar-offset:72px;--avatar-top:-56px;--name-w:80px;--score-max-w:148px}}@media(min-width:1024px){.match-hero{--player-w:300px;--avatar-size:120px;--avatar-offset:100px;--avatar-top:-80px}}.match-hero{position:relative;background-color:#241c14;background-image:url(/images/match_hero.jpg);background-size:cover;background-position:50%;border-top:4px solid #f2ac2a;display:flex;flex-direction:column;min-height:var(--hero-h)}.match-hero .background{position:absolute;inset:0;background-color:rgba(36,28,20,.55);backdrop-filter:blur(4px)}.match-hero .header{margin-bottom:2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.match-hero .header>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}@media (min-width:1024px){.match-hero .header{flex-direction:row;align-items:center}.match-hero .header>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}}.match-hero .header .back-button{position:relative;z-index:30;margin-top:3rem;display:flex;align-items:center}.match-hero .header .back-button>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.match-hero .header .back-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.match-hero .header .back-button:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}@media (min-width:640px){.match-hero .header .back-button{margin-top:.5rem}}@media (min-width:1024px){.match-hero .header .back-button{margin-top:0}}.match-hero .header .back-button span{font-size:.875rem;line-height:1.25rem;font-weight:600}.match-hero .header .tournament-header{position:absolute;top:auto;left:50%;transform:translateX(-50%);height:32px;padding:0 10px;background-image:url(/icons/match_path.svg);background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center;width:min(390px,100vw - 32px);margin-top:0!important;text-align:center}@media(min-width:1024px){.match-hero .header .tournament-header{width:390px}}@media(max-width:424px){.match-hero .header .tournament-header{width:100vw}}.match-hero .header .tournament-header span{font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));max-width:100%;padding-inline:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-hero .content-container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;padding-top:24px;padding-bottom:24px}.match-hero .content-container .match-details{margin-left:auto;margin-right:auto;max-width:56rem;text-align:center;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);gap:8px;width:100%;padding-inline:8px}.match-hero .content-container .match-details .match-status{min-width:0}.match-hero .content-container .match-details .match-status .final-text{margin-bottom:.5rem;font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}@media (min-width:1024px){.match-hero .content-container .match-details .match-status .final-text{font-size:2.25rem;line-height:2.5rem}}.match-hero .content-container .match-details .match-status .sport-info{margin-bottom:.5rem;display:flex;align-items:center;justify-content:center}.match-hero .content-container .match-details .match-status .sport-info>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.match-hero .content-container .match-details .match-status .sport-info{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.match-hero .content-container .match-details .match-status .sport-info span{font-size:.875rem;line-height:1.25rem;font-weight:500}.match-hero .content-container .match-details .match-status .match-type{font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}@media (min-width:1024px){.match-hero .content-container .match-details .match-status .match-type{font-size:1.125rem;line-height:1.75rem}}.match-hero .content-container .match-details .score-display{margin-bottom:2rem;display:grid;max-width:var(--score-max-w);margin-inline:auto}.match-hero .content-container .match-details .score-display .score{margin-bottom:1rem;display:inline-block;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(242 172 42/var(--tw-bg-opacity,1));padding:.25rem 1rem;font-size:1.875rem;line-height:2.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(36 28 20/var(--tw-text-opacity,1))}@media (min-width:1024px){.match-hero .content-container .match-details .score-display .score{padding:.25rem 1.5rem;font-size:2.25rem;line-height:2.5rem}}.match-hero .content-container .match-details .score-display .score{white-space:nowrap}.match-hero .content-container .match-details .score-display .status-badge{display:inline-block;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:600}@media (min-width:1024px){.match-hero .content-container .match-details .score-display .status-badge{padding-left:1.5rem;padding-right:1.5rem}}.match-hero .content-container .match-details .score-display .status-badge{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(36 28 20/var(--tw-text-opacity,1))}.match-hero .content-container .match-details .score-display .status-badge.completed{--tw-bg-opacity:1;background-color:rgb(230 255 222/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(56 158 13/var(--tw-text-opacity,1))}.match-hero .content-container .match-details .score-display .status-badge.forfeited{--tw-bg-opacity:1;background-color:rgb(255 229 229/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(216 44 13/var(--tw-text-opacity,1))}.match-hero .content-container .match-details .score-display .status-badge.live{--tw-bg-opacity:1;background-color:rgb(255 241 240/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(245 34 45/var(--tw-text-opacity,1))}.match-hero .content-container .match-details .score-display .status-badge.upcoming{--tw-bg-opacity:1;background-color:rgb(230 244 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(22 119 255/var(--tw-text-opacity,1))}.match-hero .content-container .match-details .score-display .status-badge.in_progress{--tw-bg-opacity:1;background-color:rgb(255 241 240/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(245 34 45/var(--tw-text-opacity,1))}.match-hero .content-container .match-details .score-display .status-badge.cancelled{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(140 140 140/var(--tw-text-opacity,1))}.match-hero .content-container .match-details .team{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;min-width:0}.match-hero .content-container .match-details .team .player{background-color:rgba(0,0,0,.5);position:relative;display:grid;align-content:center;justify-items:center;width:min(var(--player-w),100%);height:var(--player-h)}@media(min-width:768px){.match-hero .content-container .match-details .team .player.single-player{grid-template-columns:minmax(0,1fr);align-content:center}.match-hero .content-container .match-details .team .player.double-player{grid-template-columns:repeat(2,minmax(0,1fr));align-content:end}}.match-hero .content-container .match-details .team .player .player-avatar-wrapper{position:absolute;top:var(--avatar-top);left:0;width:100%;display:grid;justify-items:center}.match-hero .content-container .match-details .team .player .player-avatar-wrapper .player-avatar{position:relative;display:flex;width:var(--avatar-size)}.match-hero .content-container .match-details .team .player .player-avatar-wrapper .player-avatar.double-avatar{width:calc(var(--avatar-size) + var(--avatar-offset))}.match-hero .content-container .match-details .team .player .player-avatar-wrapper .player-avatar .player-avatar-left{z-index:1}.match-hero .content-container .match-details .team .player .player-avatar-wrapper .player-avatar .player-avatar-left.winner-avatar{border:2px solid #91ff6a}.match-hero .content-container .match-details .team .player .player-avatar-wrapper .player-avatar .player-avatar-right{position:absolute;left:var(--avatar-offset);z-index:0}.match-hero .content-container .match-details .team .player .player-avatar-wrapper .player-avatar .player-avatar-right.winner-avatar{border:2px solid #91ff6a}.match-hero .content-container .match-details .team .player .player-avatar-wrapper .player-avatar img{border-radius:9999px;border-width:4px;--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));width:var(--avatar-size);height:var(--avatar-size)}.match-hero .content-container .match-details .team .player .player-avatar-wrapper .player-avatar .winner-badge{position:absolute;top:-1.5rem;right:-.5rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transform:rotate(15deg)}@media(max-width:400px){.match-hero .content-container .match-details .team .player .player-avatar-wrapper .player-avatar .winner-badge{padding:.125rem .25rem;font-size:10px}}.match-hero .content-container .match-details .team .player .player-name-left,.match-hero .content-container .match-details .team .player .player-name-right{font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));width:var(--name-w);min-width:0;text-align:center;overflow-wrap:anywhere}@media(min-width:768px){.match-hero .content-container .match-details .team .player .player-name-left,.match-hero .content-container .match-details .team .player .player-name-right{padding-bottom:.75rem;font-size:14px}.match-hero .content-container .match-details .team .player .player-name-left{margin-left:auto;margin-right:8px}.match-hero .content-container .match-details .team .player .player-name-left.single-player{width:100%;margin:auto;padding-bottom:0}.match-hero .content-container .match-details .team .player .player-name-right{margin-left:8px;margin-right:auto}}.match-hero .content-container .match-metadata{text-align:center;--tw-text-opacity:1;color:rgb(242 242 242/var(--tw-text-opacity,1));max-width:90%;margin:0 auto;padding-inline:8px}.match-hero .content-container .match-metadata .date-time svg,.match-hero .content-container .match-metadata .location svg{flex-shrink:0}.match-hero .content-container .match-metadata .date-time{margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.match-hero .content-container .match-metadata .date-time>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.match-hero .content-container .match-metadata .date-time{font-size:.875rem;line-height:1.25rem}.match-hero .content-container .match-metadata .location{display:flex;align-items:center;justify-content:center}.match-hero .content-container .match-metadata .location>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.match-hero .content-container .match-metadata .location{font-size:.875rem;line-height:1.25rem;max-width:min(90vw,800px);width:100%;margin:0 auto}.match-hero .content-container .match-metadata .location span{white-space:break-spaces;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1;max-width:100%}.match-hero .content-container .match-metadata .location .map-link{--tw-text-opacity:1;color:rgb(242 242 242/var(--tw-text-opacity,1));text-decoration-line:underline}.match-hero .content-container .match-metadata .location .map-link:hover{--tw-text-opacity:1;color:rgb(229 179 49/var(--tw-text-opacity,1))}