.flex-tabs{display:flex;flex-direction:column;gap:1rem}.flex-tabs .tab-navs{display:flex;flex-direction:row;overflow-x:auto;flex-wrap:nowrap;gap:1rem;scrollbar-width:none;-ms-overflow-style:none}.flex-tabs .tab-navs::-webkit-scrollbar{display:none}.flex-tabs .tab-navs .tab-nav{display:flex;align-items:center;position:relative;padding:12px 8px;transition:color cubic-bezier(.16, 1, .3, 1);overflow:hidden;background:0 0;cursor:pointer;font-size:14px;color:#ccc;flex-shrink:0;text-transform:uppercase}.flex-tabs .tab-navs .tab-nav.selected,.flex-tabs .tab-navs .tab-nav:hover{color:#1af}.flex-tabs .tab-navs .tab-nav:before{content:'';position:absolute;bottom:0;left:50%;width:100%;height:3px;background:#1af;border-top-left-radius:3px;border-top-right-radius:3px;transform:translate(-50%,5px);opacity:0;visibility:hidden;transition:all .15s}.flex-tabs .tab-contents .tab-content{display:none}.flex-tabs .tab-contents .tab-content.show{display:block;background:#00000025;padding:2rem;border-radius:6px}.flex-tabs .tab-navs .tab-nav.selected:before{opacity:1;visibility:visible;transform:translate(-50%,0)}.tournament{container-name:battles-page;container-type:inline-size;margin:2rem auto;max-width:1400px;display:flex;flex-direction:column;gap:2rem;border-radius:6px}.tournament .tournament-header{display:flex;flex-direction:row;align-items:center;gap:1.75rem}.tournament .tournament-header .tournament-banner{flex:0 0 40%;max-width:40%;aspect-ratio:16/9;background:#1d2a3b;border-radius:10px;overflow:hidden}.tournament .tournament-header .tournament-banner img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}.tournament .tournament-head-main{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:1.25rem}.tournament .tournament-title{display:flex;flex-direction:column;gap:.35rem;min-width:0}.tournament .tournament-actions{display:flex;justify-content:flex-start}.tournament .tournament-head-main .tournament-meta{display:flex;flex-wrap:wrap;gap:1rem}.tournament .tournament-head-main .tournament-meta .tournament-meta-item{display:flex;flex-direction:row;align-items:center;gap:1rem;min-width:0;background:#00000035;border-radius:10px;padding:8px 12px}.tournament .tournament-head-main .tournament-meta .meta-icon{flex-shrink:0;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#38c0e01f;color:#38c0e0;font-size:15px}.tournament .tournament-head-main .tournament-meta .meta-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.tournament .tournament-head-main .tournament-meta .meta-label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#7e8a98}.tournament .tournament-head-main .tournament-meta .meta-value{font-size:13px;font-weight:700}.tournament .tournament-head-main .tournament-meta .meta-value .meta-sep{margin:0 3px;font-weight:500;color:#5d6e83}.tournament .tournament-title h1{font-size:1.5rem;line-height:2.25rem;font-weight:600;margin:0}.tournament .tournament-title span{font-weight:500;font-size:15px;color:#a8b7ca}.tournament .tournament-banner{max-width:100%;aspect-ratio:1016/200}.tournament .tournament-banner img{width:100%;object-fit:contain;object-position:center;aspect-ratio:1016/200}.tournament .tournament-join{display:flex;justify-content:space-between;align-items:center}.tournament .tournament-join .tournament-head{display:flex;flex-direction:column}.tournament .tournament-join .tournament-head h2{margin:0;font-size:18px}.tournament .tournament-join .tournament-head span{font-size:12px;font-weight:500}.tournament .tournament-timeline{width:100%;box-sizing:border-box}.tournament .tournament-timeline .timeline-path{width:100%;padding-bottom:12px;display:-ms-grid;display:grid;-ms-grid-columns:repeat(18,1fr);grid-template-columns:repeat(18,1fr);grid-column-gap:12px;-moz-column-gap:12px;column-gap:12px;grid-row-gap:4px;row-gap:4px}.tournament .tournament-timeline .timeline-path .line-group{--pnt-color:#ccc;display:flex;width:100%;align-items:center}.tournament .tournament-timeline .timeline-path .line-group.active{--pnt-color:rgb(178 24 24)}.tournament .tournament-timeline .timeline-path .line-group .point{position:relative;min-width:18px;min-height:18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.tournament .tournament-timeline .timeline-path .line-group .point .outer{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;border:1px solid var(--pnt-color)}.tournament .tournament-timeline .timeline-path .line-group .point .inner{position:relative;width:8px;height:8px;border-radius:50%;background-color:var(--pnt-color)}.tournament .tournament-timeline .timeline-path .line-group .line{position:relative;width:100%}.tournament .tournament-timeline .timeline-path .line-group .line .bg{position:absolute;width:100%;height:1px;background-color:var(--pnt-color)}.tournament .tournament-timeline .timeline-path .line-group .line .fill{position:relative;width:0;height:1px;background-color:var(--pnt-color)}.tournament .tournament-timeline .timeline-path .line-group.active .fill:after{content:'';position:absolute;inset:-1px 0;background-color:var(--pnt-color);filter:blur(2px)}.tournament .tournament-timeline .timeline-path .c4{grid-column:span 5}.tournament .tournament-timeline .timeline-path .c7{grid-column:span 8}.tournament .tournament-timeline .timeline-path .label-group{--pnt-color:#ccc;color:var(--pnt-color);display:flex;flex-direction:column;width:100%;font-weight:400;font-size:.75rem;line-height:1.25rem}.tournament .tournament-timeline .timeline-path .label-group.active{--pnt-color:rgb(178 24 24);color:var(--pnt-color);display:flex;flex-direction:column;width:100%;font-weight:400;font-size:.75rem;line-height:1.25rem}.tournament .tournament-timeline .timeline-path .label-group h5{color:var(--pnt-color);font-size:15px;font-weight:550;margin:0;padding:0}.tournament .tournament-timeline .timeline-path .label-group p{color:var(--pnt-color);font-size:13px;font-weight:400;margin:0;padding:0}.tournament .tournament-header .tournament-cats{display:flex;flex-wrap:wrap;gap:.4rem}.tournament .tournament-header .tournament-cats .category{background:#3fd07f26;color:#3fd07f;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.tournament-fixtures{display:flex;flex-direction:column;gap:.5rem}.tournament-fixtures h6{text-align:center;margin:2rem auto}.tournament-fixtures .date-scope{font-size:18px;margin:.5rem}.tournament-fixtures .date-scope span{font-weight:600}.tournament-fixture{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));padding:12px 36px;border-top:2px solid #1d2a3b}.tournament-fixture .fixture-date{font-weight:600;font-size:14px;display:flex;align-items:center;grid-column:span 2}.tournament-fixture .fixture-date div{display:flex;align-items:start}.tournament-fixture .fixture-date .f-hour{font-weight:600}.tournament-fixture .fixture-opponent{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-column:span 8}.tournament-fixture .fixture-opponent img{width:60px;height:60px;object-fit:contain}.tournament-fixture .fixture-opponent .opponent-name{font-size:15px;font-weight:600}.tournament-fixture .fixture-opponent .opponent-score{font-weight:600}.tournament-fixture .fixture-opponent .match-score{font-weight:600;font-size:17px;grid-column:span 2;display:flex;align-items:center;justify-content:center}.tournament-fixture .fixture-opponent .opponent-1{justify-content:end;text-align:end}.tournament-fixture .fixture-opponent .opponent-2{justify-content:start;text-align:start}.tournament-fixture .fixture-opponent .opponent-1,.tournament-fixture .fixture-opponent .opponent-2{display:flex;flex-direction:row;align-items:center;gap:.5rem;grid-column:span 5}.tournament-fixture .fixture-tournament{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;font-weight:600;font-size:14px;grid-column:span 2}.tournament-fixture .fixture-opponent .opponent-name-small{font-weight:600;display:none}.playoff-wrapper{display:flex;gap:2.5rem;overflow-x:auto;padding:1rem .5rem}.playoff-wrapper .play-off-group{display:flex;flex-direction:column;gap:1.25rem;width:calc((100% - 5rem)/ 3);flex-shrink:0;justify-content:center;position:relative;padding-top:3rem}.playoff-wrapper .play-off-group .play-off-group-title{position:absolute;top:0;left:0;margin:0;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#38c0e0;user-select:none;display:flex;align-items:center;gap:.5rem}.playoff-wrapper .play-off-group .play-off-versus{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:1px solid #ffffff12;box-shadow:0 6px 16px #00000033;transition:border-color .15s,box-shadow .15s}.playoff-wrapper .play-off-group .play-off-versus:hover{border-color:#ffffff24;box-shadow:0 8px 22px #00000047}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent{align-items:center;background-color:#1d2a3b;display:flex;flex-direction:row;height:58px;position:relative;user-select:none;transition:background-color .15s}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.winner{background-color:#1f3340}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.loser{background-color:#18222f}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.none{background-color:#16212f}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent .opponent-info{display:flex;align-items:center;gap:.75rem;width:100%;min-width:0;padding-left:.85rem}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent .opponent-info .opponent-image{flex-shrink:0;width:34px;height:34px;margin:0;border-radius:6px;object-fit:cover;background:#0e1722}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent .opponent-info .opponent-name{flex:1;min-width:0;font-size:15px;font-weight:600;color:#cbd3dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.winner .opponent-info .opponent-name{color:#fff}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.loser .opponent-info .opponent-name{text-decoration:line-through;color:#7e8a98}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.loser .opponent-info .opponent-image{opacity:.5}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent .opponent-score{flex-shrink:0;font-weight:700;font-size:17px;min-width:48px;text-align:center;color:#939ca3}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.winner .opponent-score{color:#3fd07f}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent::before{background-color:#46566b;content:'';display:block;flex-shrink:0;align-self:stretch;width:4px}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent:first-child{border-bottom:1px solid #ffffff0f}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.winner::before{background-color:#3fd07f}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.loser::before{background-color:#2f3c4d}.playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.none::before{content:"\f128";font-family:"Font Awesome 5 Pro";font-weight:500;background:0 0;right:0;left:0;position:absolute;bottom:0;top:0;align-items:center;display:flex;width:100%;justify-content:center;font-size:16px;color:#4a5666}.filter-tools{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-bottom:1rem}.filter-tools .filter-tool-input{position:relative;width:360px}.filter-tools .filter-tool-input i{position:absolute;left:10px;height:100%;display:flex;align-items:center;justify-content:center;width:20px;font-size:16px;color:gray;pointer-events:none}.filter-tools .filter-tool-input input{padding-left:40px}.stream-embed{overflow:hidden;position:relative;display:flex;width:100%;border-radius:5px;height:410px;margin-bottom:1rem}.stream-embed .close-chat{position:absolute;right:33%;width:20px;height:20px;top:16px;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;user-select:none;border-radius:4px;height:30px;width:30px;background-color:transparent;color:#fff;cursor:pointer}.stream-embed .close-chat:hover{background-color:rgba(255,255,255,.1);color:#fff}.stream-embed .close-chat.closed{color:#fff!important;right:2%}.stream-embed .close-chat.closed:hover{background-color:rgba(255,255,255,.4)!important}.stream-embed .close-chat svg{width:20px;height:20px;fill:currentcolor}#twitch-video-embed{border-top-right-radius:0;border-bottom-right-radius:0}.stream-embed iframe{border-radius:6px;border-top-left-radius:0;border-bottom-left-radius:0}@media only screen and (max-width:992px){.flex-tabs .tab-contents .tab-content.show{padding:1rem}.tournament .tournament-header{flex-direction:column;align-items:stretch}.tournament .tournament-header .tournament-banner{max-width:100%;flex-basis:auto}.tournament .tournament-timeline{overflow-y:auto}.tournament-fixture{grid-template-columns:1fr 1fr;gap:.6rem .5rem;padding:14px 12px}.tournament-fixture .fixture-date{grid-column:1;grid-row:1;justify-content:flex-start;font-size:12px}.tournament-fixture .fixture-tournament{grid-column:2;grid-row:1;text-align:right;align-items:flex-end;font-size:12px}.tournament-fixture .fixture-opponent{grid-column:1/-1;grid-row:2}.tournament-fixture .fixture-opponent img{width:26px;height:26px}.tournament-fixture .fixture-opponent .opponent-score{display:none}.tournament-fixture .fixture-opponent .opponent-name{display:none}.tournament-fixture .fixture-opponent .opponent-name-small{display:block;max-width:50px;overflow:hidden;text-overflow:ellipsis}.tournament-fixture .fixture-opponent .opponent-1,.tournament-fixture .fixture-opponent .opponent-2{flex-direction:column;gap:0;justify-content:center;text-align:center}.tournament-fixture .fixture-opponent .opponent-1{flex-direction:column-reverse!important}.playoff-wrapper .play-off-group{min-width:240px}.filter-tools .filter-tool-input{width:100%}.stream-embed{flex-direction:column;height:600px}#twitch-chat-embed,#twitch-video-embed{width:100%}}body.light-theme .flex-tabs .tab-navs .tab-nav{color:#5b6675}body.light-theme .flex-tabs .tab-contents .tab-content.show{background:#f4f6f8}body.light-theme .tournament .tournament-header .tournament-banner{background:#eef1f5}body.light-theme .tournament .tournament-title span{color:#5b6675}body.light-theme .tournament .tournament-head-main .tournament-meta .tournament-meta-item{background:#f0f2f5}body.light-theme .tournament .tournament-head-main .tournament-meta .meta-label{color:#6b7280}body.light-theme .tournament .tournament-head-main .tournament-meta .meta-value .meta-sep{color:#9aa3ad}body.light-theme .tournament .tournament-timeline .timeline-path .label-group,body.light-theme .tournament .tournament-timeline .timeline-path .line-group{--pnt-color:#70767c}body.light-theme .tournament .tournament-timeline .timeline-path .label-group.active,body.light-theme .tournament .tournament-timeline .timeline-path .line-group.active{--pnt-color:rgb(178 24 24)}body.light-theme .tournament-fixture{border-top-color:#e2e6ea}body.light-theme .playoff-wrapper .play-off-group .play-off-versus{border-color:#00000012;box-shadow:0 6px 16px #0000001a}body.light-theme .playoff-wrapper .play-off-group .play-off-versus:hover{border-color:#0000002b;box-shadow:0 8px 22px #00000026}body.light-theme .playoff-wrapper .play-off-group .play-off-versus .play-off-opponent{background-color:#eef1f5}body.light-theme .playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.winner{background-color:#e8f6ee}body.light-theme .playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.loser{background-color:#f1f3f5}body.light-theme .playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.none{background-color:#f0f2f5}body.light-theme .playoff-wrapper .play-off-group .play-off-versus .play-off-opponent .opponent-info .opponent-image{background:#e6e9ee}body.light-theme .playoff-wrapper .play-off-group .play-off-versus .play-off-opponent .opponent-info .opponent-name{color:#2a3340}body.light-theme .playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.winner .opponent-info .opponent-name{color:#1a2433}body.light-theme .playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.loser .opponent-info .opponent-name{color:#6b7280}body.light-theme .playoff-wrapper .play-off-group .play-off-versus .play-off-opponent .opponent-score{color:#6b7280}body.light-theme .playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.winner .opponent-score{color:#2fa133}body.light-theme .playoff-wrapper .play-off-group .play-off-versus .play-off-opponent::before{background-color:#c4ccd6}body.light-theme .playoff-wrapper .play-off-group .play-off-versus .play-off-opponent:first-child{border-bottom-color:#00000012}body.light-theme .playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.loser::before{background-color:#d4d9e0}body.light-theme .playoff-wrapper .play-off-group .play-off-versus .play-off-opponent.none::before{color:#aeb6c0}body.light-theme .playoff-wrapper .play-off-group .play-off-group-title{color:#000}