.event-detail-page{
    background:#17181b
}

.event-detail-page .site-header{
    position:relative
}

.event-page-hero{
    padding:85px max(28px,calc((100vw - 1120px)/2)) 65px;
    background:radial-gradient(circle at 80% 35%,rgba(255,206,72,.12),transparent 30%)
}

.event-page-hero h1{
    margin:18px 0;
    font:400 clamp(55px,8vw,95px)/.9 "Bowlby One SC";
    letter-spacing:-3px
}

.event-page-hero>p:last-child{
    max-width:680px;
    color:#b9bbc2;
    font-size:17px;
    line-height:1.7
}

.event-page-body{
    min-height:420px;
    padding:60px max(28px,calc((100vw - 1120px)/2)) 105px;
    background:#1d1e21
}

.overview-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border:1px solid #393a3f
}

.overview-grid article{
    min-height:245px;
    padding:25px;
    border-right:1px solid #393a3f
}

.overview-grid article:last-child{
    border:0
}

.overview-grid span,.standalone-games>article>span{
    color:#ffce48;
    font-size:10px;
    font-weight:800
}

.overview-grid h2{
    margin:105px 0 8px;
    font:400 20px "Bowlby One SC";
    letter-spacing:0
}

.overview-grid p,.standalone-games p{
    color:#9fa1a8;
    font-size:13px;
    line-height:1.6
}

.event-page-actions{
    display:flex;
    gap:10px;
    margin-top:28px
}

.standalone-games{
    border-top:1px solid #393a3f
}

.standalone-games>article{
    display:grid;
    grid-template-columns:70px 1fr;
    gap:25px;
    padding:28px 8px;
    border-bottom:1px solid #393a3f
}

.standalone-games small{
    color:#92949b;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase
}

.standalone-games h2{
    margin:7px 0;
    font:400 28px "Bowlby One SC";
    letter-spacing:0
}

.standalone-teams{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:12px
}

.standalone-teams article{
    position:relative;
    min-height:285px;
    overflow:hidden;
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    border:1px solid #3a3b40;
    border-radius:4px;
    background:
        radial-gradient(circle at var(--card-x) var(--card-y),color-mix(in srgb,var(--team) 45%,transparent),transparent 38%),
        linear-gradient(var(--card-angle),color-mix(in srgb,var(--team) 28%,#292a2e),#151619 72%)
}

.standalone-teams article:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    opacity:.38;
    pointer-events:none
}

.standalone-teams article[data-pattern="0"]:before{background:radial-gradient(circle,color-mix(in srgb,var(--team) 65%,transparent) 1.5px,transparent 2px);background-size:18px 18px}
.standalone-teams article[data-pattern="1"]:before{background:repeating-linear-gradient(125deg,transparent 0 18px,color-mix(in srgb,var(--team) 45%,transparent) 19px 22px)}
.standalone-teams article[data-pattern="2"]:before{background:conic-gradient(from 35deg at 90% 10%,color-mix(in srgb,var(--team) 60%,transparent),transparent 18% 35%,color-mix(in srgb,var(--team) 35%,transparent) 36% 48%,transparent 49%)}
.standalone-teams article[data-pattern="3"]:before{background:linear-gradient(color-mix(in srgb,var(--team) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--team) 35%,transparent) 1px,transparent 1px);background-size:24px 24px}
.standalone-teams article[data-pattern="4"]:before{background:linear-gradient(145deg,transparent 40%,color-mix(in srgb,var(--team) 55%,transparent) 41% 57%,transparent 58%),linear-gradient(35deg,transparent 65%,color-mix(in srgb,var(--team) 32%,transparent) 66%)}
.standalone-teams article[data-pattern="5"]:before{background:repeating-radial-gradient(circle at 15% 15%,transparent 0 24px,color-mix(in srgb,var(--team) 50%,transparent) 25px 28px)}
.standalone-teams article[data-pattern="6"]:before{background:conic-gradient(from 90deg,color-mix(in srgb,var(--team) 32%,transparent) 25%,transparent 0 50%,color-mix(in srgb,var(--team) 32%,transparent) 0 75%,transparent 0);background-size:34px 34px}
.standalone-teams article[data-pattern="7"]:before{background:repeating-linear-gradient(72deg,transparent 0 28px,color-mix(in srgb,var(--team) 55%,transparent) 29px 31px),radial-gradient(circle at 80% 18%,var(--team),transparent 24%)}

.standalone-teams article>*{
    position:relative;
    z-index:2
}

.standalone-teams small{
    position:absolute;
    left:18px;
    top:17px;
    color:#aeb0b7;
    font-size:9px
}

.standalone-teams b{
    color:var(--team);
    font:400 58px "Bowlby One SC"
}

.standalone-teams .team-page-icon img{
    display:block;
    width:78px;
    height:78px;
    object-fit:contain;
    object-position:center;
    image-rendering:pixelated
}

.standalone-teams h2{
    margin:12px 0 8px;
    font:400 17px "Bowlby One SC";
    letter-spacing:0;
    text-transform:uppercase
}

.standalone-teams a{
    color:inherit!important;
    text-decoration:none!important
}

.standalone-teams p{
    margin:0;
    color:#b9bbc2;
    font-size:10px;
    line-height:1.65
}

.standalone-tabs{
    display:flex;
    border-bottom:1px solid #393a3f
}

.standalone-tabs button{
    padding:15px 28px;
    border:0;
    border-bottom:3px solid transparent;
    background:none;
    color:#92949b;
    font-weight:800;
    text-transform:uppercase;
    cursor:pointer
}

.standalone-tabs button.active{
    border-color:#ffce48;
    color:#fff
}

.standalone-tabs small{
    display:block;
    margin-top:4px;
    font-size:8px
}

.standalone-schedule-row{
    display:grid;
    grid-template-columns:160px 1fr auto;
    align-items:center;
    padding:24px 10px;
    border-bottom:1px solid #393a3f
}

.standalone-schedule-row time{
    color:#ffce48;
    font:400 18px "Bowlby One SC"
}

.standalone-schedule-row h2{
    font:800 16px "Stack Sans Text";
    letter-spacing:0;
    text-transform:uppercase
}

.standalone-schedule-row span{
    color:#aeb0b7;
    font-size:10px;
    text-transform:uppercase
}

.team-standings-wrap{
    overflow-x:auto;
    border:1px solid #393a3f
}

.team-standings-wrap table{
    width:100%;
    min-width:820px;
    border-collapse:collapse
}

.team-standings-wrap th,.team-standings-wrap td{
    padding:15px;
    border-top:1px solid #303136;
    text-align:center
}

.team-standings-wrap th{
    color:#92949b;
    font-size:9px;
    text-transform:uppercase
}

.team-standings-wrap th:nth-child(2),.team-standings-wrap td:nth-child(2){
    text-align:left
}

.team-standings-wrap i{
    display:inline-block;
    width:9px;
    height:9px;
    margin-right:10px;
    border-radius:2px
}

.team-standings-wrap .standings-team-icon{
    width:34px;
    height:38px;
    margin-right:10px;
    object-fit:contain;
    vertical-align:middle;
    image-rendering:pixelated
}

.team-standings-wrap a{
    color:#fff!important;
    font-weight:800;
    text-decoration:none!important
}

.team-standings-wrap td:last-child{
    color:#ffce48
}

.standalone-watch{
    display:grid;
    min-height:430px;
    place-items:center;
    border:1px solid #393a3f;
    background:radial-gradient(circle,rgba(255,206,72,.08),transparent 38%),#151619;
    text-align:center
}

.standalone-watch span{
    font:400 24px "Bowlby One SC";
    text-transform:uppercase
}

.standalone-watch p{
    color:#9fa1a8
}

.event-page-error{
    padding:25px;
    border-left:3px solid #ff6573
}

@media(max-width:900px){
    .overview-grid{
        grid-template-columns:repeat(2,1fr)
    }

    .overview-grid article:nth-child(2){
        border-right:0
    }

    .standalone-teams{
        grid-template-columns:repeat(2,1fr)
    }

}

@media(max-width:600px){
    .event-page-hero{
        padding:55px 18px
    }

    .event-page-hero h1{
        font-size:48px
    }

    .event-page-body{
        padding:40px 18px 75px
    }

    .overview-grid{
        grid-template-columns:1fr
    }

    .overview-grid article{
        min-height:190px;
        border-right:0;
        border-bottom:1px solid #393a3f
    }

    .overview-grid h2{
        margin-top:65px
    }

    .standalone-teams{
        grid-template-columns:1fr 1fr;
        gap:7px
    }

    .standalone-schedule-row{
        grid-template-columns:105px 1fr
    }

    .standalone-schedule-row span{
        display:none
    }

    .standalone-watch{
        min-height:300px;
        padding:20px
    }

    .event-page-actions{
        align-items:stretch;
        flex-direction:column
    }

}