.wc32-page,
.wc32-page *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.wc32-page{
    width:100%;
    max-width:100%;
    margin:0;
    padding:18px 14px 24px;
    background:#050505;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.2;
    overflow:hidden;
}

.wc32-topbar{
    width:100%;
    max-width:1360px;
    margin:0 auto 16px;
    text-align:center;
}

.wc32-topbar h1{
    margin:0;
    padding:0;
    color:#f4c64f;
    font-size:26px;
    line-height:32px;
    font-weight:bold;
    letter-spacing:1px;
    text-transform:uppercase;
}

.wc32-topbar p{
    margin:6px 0 0;
    padding:0;
    color:#bdbdbd;
    font-size:13px;
}

.wc32-bracket-wrap{
    --wc32-design-width:1360;
    --wc32-design-height:940;
    --wc32-scale:1;
    container-type:inline-size;
    position:relative;
    width:100%;
    max-width:1360px;
    height:calc(var(--wc32-design-height) * 1px);
    margin:0 auto;
    overflow:hidden !important;
    background:#050505;
    border:1px solid #171717;
    border-radius:10px;
    -webkit-overflow-scrolling:auto;
}

.wc32-bracket{
    position:relative;
    width:1360px;
    min-width:1360px;
    height:940px;
    margin:0;
    padding:0;
    background:#050505;
    -webkit-transform:scale(var(--wc32-scale));
    -ms-transform:scale(var(--wc32-scale));
    transform:scale(var(--wc32-scale));
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top;
}

@container (max-width:1359px){
    .wc32-bracket-wrap{
        --wc32-scale:calc(100cqw / 1360);
        height:calc(940px * var(--wc32-scale));
    }
}

@supports not (container-type:inline-size){
    .wc32-bracket-wrap{
        height:auto;
        aspect-ratio:1360 / 940;
    }

    @media screen and (max-width:1360px){
        .wc32-bracket-wrap{
            --wc32-scale:calc((100vw - 28px) / 1360);
            height:calc(940px * var(--wc32-scale));
        }
    }

    @media screen and (max-width:980px){
        .wc32-bracket-wrap{
            --wc32-scale:calc((100vw - 16px) / 1360);
            height:calc(940px * var(--wc32-scale));
        }
    }

    @media screen and (max-width:520px){
        .wc32-bracket-wrap{
            --wc32-scale:calc((100vw - 10px) / 1360);
            height:calc(940px * var(--wc32-scale));
        }
    }
}

.wc32-round,
.wc32-center-round{
    position:absolute;
    top:0;
    height:940px;
    margin:0;
    padding:0;
}

.wc32-round{
    width:112px;
}

.wc32-center-round{
    width:180px;
}

.wc32-round-left.wc32-r32{left:0;}
.wc32-round-left.wc32-r16{left:158px;}
.wc32-round-left.wc32-qf{left:316px;}
.wc32-round-left.wc32-sf{left:474px;}
.wc32-center-round{left:590px;}
.wc32-round-right.wc32-sf{left:774px;}
.wc32-round-right.wc32-qf{left:932px;}
.wc32-round-right.wc32-r16{left:1090px;}
.wc32-round-right.wc32-r32{left:1248px;}

.wc32-round:before{
    content:attr(data-title);
    position:absolute;
    top:12px;
    left:0;
    width:112px;
    height:24px;
    color:#e4e4e4;
    font-size:10px;
    line-height:12px;
    font-weight:bold;
    letter-spacing:.8px;
    text-align:center;
    text-transform:uppercase;
    overflow:hidden;
}

.wc32-match{
    position:absolute;
    width:112px;
    min-height:104px;
    margin:0;
    padding:0;
}

.wc32-team{
    display:block;
    position:relative;
    width:112px;
    height:46px;
    margin:0 0 2px 0;
    padding:5px 6px 4px;
    color:#f6d26c;
    text-align:center;
    cursor:pointer;
    overflow:hidden;
    border:1px solid #2a2a2a;
    border-radius:13px;
    background:#3d3d3d;
    background:-webkit-linear-gradient(top,#4c4c4c 0%,#323232 100%);
    background:linear-gradient(to bottom,#4c4c4c 0%,#323232 100%);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 1px 2px rgba(0,0,0,.85);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 1px 2px rgba(0,0,0,.85);
}

.wc32-team:hover{
    background:#505050;
    background:-webkit-linear-gradient(top,#5f5f5f 0%,#383838 100%);
    background:linear-gradient(to bottom,#5f5f5f 0%,#383838 100%);
}

.wc32-team img{
    display:block;
    width:20px;
    height:20px;
    margin:0 auto 2px;
    border:0;
    object-fit:contain;
}

.wc32-team span{
    display:block;
    width:100%;
    margin:0;
    padding:0;
    color:#f6d26c;
    font-size:13px;
    line-height:14px;
    font-weight:bold;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.wc32-short-name{
    display:none !important;
}

.wc32-team.wc32-empty{
    cursor:default;
    color:#777;
    background:#252525;
    background:-webkit-linear-gradient(top,#353535 0%,#242424 100%);
    background:linear-gradient(to bottom,#353535 0%,#242424 100%);
}

.wc32-team.wc32-empty:hover{
    background:#252525;
    background:-webkit-linear-gradient(top,#353535 0%,#242424 100%);
    background:linear-gradient(to bottom,#353535 0%,#242424 100%);
}

.wc32-team.wc32-selected{
    color:#fff;
    border-color:#f3c454;
    background:#9a741f;
    background:-webkit-linear-gradient(top,#caa13c 0%,#73510e 100%);
    background:linear-gradient(to bottom,#caa13c 0%,#73510e 100%);
}

.wc32-team.wc32-selected span{
    color:#fff;
}

.wc32-team.wc32-waiting-opponent{
    cursor:not-allowed;
}

.wc32-team.wc32-waiting-opponent:hover{
    background:#3d3d3d;
    background:-webkit-linear-gradient(top,#4c4c4c 0%,#323232 100%);
    background:linear-gradient(to bottom,#4c4c4c 0%,#323232 100%);
}

.wc32-team.wc32-eliminated{
    cursor:not-allowed;
    border-color:#3b3b3b;
    background:#555;
    background:-webkit-linear-gradient(top,#737373 0%,#515151 100%);
    background:linear-gradient(to bottom,#737373 0%,#515151 100%);
}

.wc32-team.wc32-eliminated img{
    filter:gray;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
}

.wc32-team.wc32-eliminated span{
    color:#d0d0d0;
}

.wc32-team.wc32-eliminated:hover{
    background:#555;
    background:-webkit-linear-gradient(top,#737373 0%,#515151 100%);
    background:linear-gradient(to bottom,#737373 0%,#515151 100%);
}

.wc32-match:after{
    content:"";
    position:absolute;
    top:49px;
    width:38px;
    height:1px;
    background:#5b5b5b;
    overflow:hidden;
}

.wc32-round-left .wc32-match:after{
    right:-38px;
}

.wc32-round-right .wc32-match:after{
    left:-38px;
}

.wc32-sf .wc32-match:after{
    width:24px;
}

.wc32-round-left.wc32-sf .wc32-match:after{
    right:-24px;
}

.wc32-round-right.wc32-sf .wc32-match:after{
    left:-24px;
}

.wc32-r32 .wc32-match:nth-child(1){top:40px;}
.wc32-r32 .wc32-match:nth-child(2){top:150px;}
.wc32-r32 .wc32-match:nth-child(3){top:260px;}
.wc32-r32 .wc32-match:nth-child(4){top:370px;}
.wc32-r32 .wc32-match:nth-child(5){top:480px;}
.wc32-r32 .wc32-match:nth-child(6){top:590px;}
.wc32-r32 .wc32-match:nth-child(7){top:700px;}
.wc32-r32 .wc32-match:nth-child(8){top:810px;}

.wc32-r16 .wc32-match:nth-child(1){top:114px;}
.wc32-r16 .wc32-match:nth-child(2){top:322px;}
.wc32-r16 .wc32-match:nth-child(3){top:530px;}
.wc32-r16 .wc32-match:nth-child(4){top:738px;}

.wc32-qf .wc32-match:nth-child(1){top:218px;}
.wc32-qf .wc32-match:nth-child(2){top:634px;}

.wc32-sf .wc32-match:nth-child(1){top:426px;}

.wc32-center-card{
    position:absolute;
    left:0;
    width:180px;
    margin:0;
    padding:0;
    text-align:center;
}

.wc32-final-card{top:350px;}
.wc32-third-card{top:535px;}

.wc32-center-title{
    display:block;
    width:100%;
    margin:0 0 9px 0;
    padding:0;
    color:#fff;
    font-size:11px;
    line-height:14px;
    font-weight:bold;
    letter-spacing:1px;
    text-align:center;
    text-transform:uppercase;
}

.wc32-center-round .wc32-match{
    position:relative;
    width:148px;
    min-height:118px;
    margin:0 auto;
}

.wc32-center-round .wc32-match:after{
    display:none;
}

.wc32-center-round .wc32-team{
    width:148px;
    height:54px;
    border-radius:18px;
    padding-top:8px;
}

.wc32-center-round .wc32-team img{
    display:none;
}

.wc32-center-round .wc32-team span{
    font-size:15px;
    line-height:38px;
}

.wc32-final-card .wc32-match{
    width:164px;
}

.wc32-final-card .wc32-team{
    width:164px;
    height:62px;
    border-radius:22px;
}

.wc32-final-card .wc32-team span{
    font-size:16px;
    line-height:44px;
}

.wc32-bracket-wrap.wc32-compact{
    --wc32-design-width:680;
    --wc32-design-height:870;
    max-width:680px;
    height:870px;
}

.wc32-bracket-wrap.wc32-compact .wc32-bracket{
    width:680px;
    min-width:680px;
    height:870px;
}

.wc32-bracket-wrap.wc32-compact .wc32-round,
.wc32-bracket-wrap.wc32-compact .wc32-center-round{
    height:870px;
}

.wc32-bracket-wrap.wc32-compact .wc32-round{
    width:58px;
}

.wc32-bracket-wrap.wc32-compact .wc32-center-round{
    width:76px;
}

.wc32-bracket-wrap.wc32-compact .wc32-round-left.wc32-r32{left:0;}
.wc32-bracket-wrap.wc32-compact .wc32-round-left.wc32-r16{left:78px;}
.wc32-bracket-wrap.wc32-compact .wc32-round-left.wc32-qf{left:156px;}
.wc32-bracket-wrap.wc32-compact .wc32-round-left.wc32-sf{left:234px;}
.wc32-bracket-wrap.wc32-compact .wc32-center-round{left:302px;}
.wc32-bracket-wrap.wc32-compact .wc32-round-right.wc32-sf{left:388px;}
.wc32-bracket-wrap.wc32-compact .wc32-round-right.wc32-qf{left:466px;}
.wc32-bracket-wrap.wc32-compact .wc32-round-right.wc32-r16{left:544px;}
.wc32-bracket-wrap.wc32-compact .wc32-round-right.wc32-r32{left:622px;}

.wc32-bracket-wrap.wc32-compact .wc32-round:before{
    width:58px;
    top:9px;
    height:20px;
    font-size:7px;
    line-height:9px;
    letter-spacing:0;
}

.wc32-bracket-wrap.wc32-compact .wc32-match{
    width:58px;
    min-height:70px;
}

.wc32-bracket-wrap.wc32-compact .wc32-team{
    width:58px;
    height:30px;
    margin-bottom:5px;
    padding:3px 2px 2px;
    border-radius:8px;
}

.wc32-bracket-wrap.wc32-compact .wc32-team img{
    width:13px;
    height:13px;
    margin-bottom:0;
}

.wc32-bracket-wrap.wc32-compact .wc32-full-name{
    display:none !important;
}

.wc32-bracket-wrap.wc32-compact .wc32-short-name{
    display:block !important;
}

.wc32-bracket-wrap.wc32-compact .wc32-team span{
    font-size:8px;
    line-height:9px;
    text-decoration:none;
}

.wc32-bracket-wrap.wc32-compact .wc32-match:after{
    top:32px;
    width:20px;
}

.wc32-bracket-wrap.wc32-compact .wc32-round-left .wc32-match:after{
    right:-20px;
}

.wc32-bracket-wrap.wc32-compact .wc32-round-right .wc32-match:after{
    left:-20px;
}

.wc32-bracket-wrap.wc32-compact .wc32-sf .wc32-match:after{
    width:12px;
}

.wc32-bracket-wrap.wc32-compact .wc32-round-left.wc32-sf .wc32-match:after{
    right:-12px;
}

.wc32-bracket-wrap.wc32-compact .wc32-round-right.wc32-sf .wc32-match:after{
    left:-12px;
}

.wc32-bracket-wrap.wc32-compact .wc32-r32 .wc32-match:nth-child(1){top:42px;}
.wc32-bracket-wrap.wc32-compact .wc32-r32 .wc32-match:nth-child(2){top:128px;}
.wc32-bracket-wrap.wc32-compact .wc32-r32 .wc32-match:nth-child(3){top:214px;}
.wc32-bracket-wrap.wc32-compact .wc32-r32 .wc32-match:nth-child(4){top:300px;}
.wc32-bracket-wrap.wc32-compact .wc32-r32 .wc32-match:nth-child(5){top:386px;}
.wc32-bracket-wrap.wc32-compact .wc32-r32 .wc32-match:nth-child(6){top:472px;}
.wc32-bracket-wrap.wc32-compact .wc32-r32 .wc32-match:nth-child(7){top:558px;}
.wc32-bracket-wrap.wc32-compact .wc32-r32 .wc32-match:nth-child(8){top:644px;}

.wc32-bracket-wrap.wc32-compact .wc32-r16 .wc32-match:nth-child(1){top:85px;}
.wc32-bracket-wrap.wc32-compact .wc32-r16 .wc32-match:nth-child(2){top:257px;}
.wc32-bracket-wrap.wc32-compact .wc32-r16 .wc32-match:nth-child(3){top:429px;}
.wc32-bracket-wrap.wc32-compact .wc32-r16 .wc32-match:nth-child(4){top:601px;}

.wc32-bracket-wrap.wc32-compact .wc32-qf .wc32-match:nth-child(1){top:171px;}
.wc32-bracket-wrap.wc32-compact .wc32-qf .wc32-match:nth-child(2){top:515px;}

.wc32-bracket-wrap.wc32-compact .wc32-sf .wc32-match:nth-child(1){top:343px;}

.wc32-bracket-wrap.wc32-compact .wc32-final-card{top:292px;}
.wc32-bracket-wrap.wc32-compact .wc32-third-card{top:442px;}

.wc32-bracket-wrap.wc32-compact .wc32-center-card{
    width:76px;
}

.wc32-bracket-wrap.wc32-compact .wc32-center-title{
    font-size:8px;
    line-height:10px;
    letter-spacing:0;
    margin-bottom:6px;
}

.wc32-bracket-wrap.wc32-compact .wc32-center-round .wc32-match,
.wc32-bracket-wrap.wc32-compact .wc32-final-card .wc32-match{
    width:72px;
}

.wc32-bracket-wrap.wc32-compact .wc32-center-round .wc32-team,
.wc32-bracket-wrap.wc32-compact .wc32-final-card .wc32-team{
    width:72px;
    height:40px;
    border-radius:12px;
    padding-top:4px;
}

.wc32-bracket-wrap.wc32-compact .wc32-center-round .wc32-team img,
.wc32-bracket-wrap.wc32-compact .wc32-final-card .wc32-team img{
    display:none;
}

.wc32-bracket-wrap.wc32-compact .wc32-center-round .wc32-team span,
.wc32-bracket-wrap.wc32-compact .wc32-final-card .wc32-team span{
    font-size:11px;
    line-height:31px;
}

@container (max-width:679px){
    .wc32-bracket-wrap.wc32-compact{
        --wc32-scale:calc(100cqw / 680);
        height:calc(870px * var(--wc32-scale));
    }
}

@media screen and (max-width:980px){
    .wc32-topbar h1{font-size:20px;line-height:25px;}
    .wc32-topbar p{font-size:12px;}
    .wc32-page{padding:12px 8px 18px;}
}

@media screen and (max-width:520px){
    .wc32-topbar h1{font-size:16px;line-height:21px;letter-spacing:.3px;}
    .wc32-topbar p{font-size:11px;}
    .wc32-page{padding:8px 5px 14px;}
}


html,
body{
    max-width:100%;
    overflow-x:hidden !important;
}

.wc32-page{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
}

.wc32-bracket-wrap{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 !important;
    overflow:hidden !important;
    overflow-x:hidden !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    touch-action:manipulation;
}

.wc32-bracket-wrap::-webkit-scrollbar{
    display:none !important;
    width:0 !important;
    height:0 !important;
}

.wc32-bracket{
    position:relative !important;
    left:0 !important;
    top:0 !important;
    margin:0 !important;
    transform-origin:left top !important;
    -webkit-transform-origin:left top !important;
    -ms-transform-origin:left top !important;
    max-width:none !important;
}

@media screen and (max-width:700px){
    .wc32-bracket-wrap .wc32-bracket{
        width:680px !important;
        min-width:680px !important;
        height:870px !important;
    }
}

@media screen and (max-width:980px){
    .wc32-topbar h1{font-size:20px;line-height:25px;}
    .wc32-topbar p{font-size:12px;}
    .wc32-page{padding:12px 8px 18px !important;}
}

@media screen and (max-width:520px){
    .wc32-topbar h1{font-size:16px;line-height:21px;letter-spacing:.3px;}
    .wc32-topbar p{font-size:11px;}
    .wc32-page{padding:8px 5px 14px !important;}
}