@charset "UTF-8";
*{box-sizing:border-box}
html,body{scroll-behavior:smooth}
:root{--color-bg:#303030;--color-bg-accent:#181818;--color-bg-contrast:#eaeaea;--color-primary:#4066AE;--color-primary-accent:#253257;--color-primary-transparent:rgba(64,102,174,0.1);--color-secondary:#bb3535;--color-secondary-accent:#791616;--color-secondary-transparent:rgba(187,53,53,0.3);--color-black:#000;--color-white:#fff;--color-text:#eaeaea;--color-text-contrast:#181818;--color-table-odd:#3f3f3f;--color-table-even:#2f2f2f;--color-table-hover:#181818;--color-navbar:rgba(0,0,0,1);--padding-base:30px;--border-radius-base:15px}
body.lightmode{--color-bg:#eaeaea;--color-bg-accent:#fff;--color-bg-contrast:#303030;--color-primary:#4066AE;--color-primary-accent:#6080bb;--color-secondary:#bb3535;--color-secondary-accent:#bd5555;--color-text:#181818;--color-text-contrast:#eaeaea;--color-table-odd:#eaeaea;--color-table-even:#dcdcdc;--color-table-hover:#b6b5b5;--color-navbar:rgba(255,255,255,1)}
body.lightmode .Header::before{background-color:rgba(255,255,255,0.4)}
body.lightmode .Header-background{filter:contrast(0.8) grayscale(100%)}
body.lightmode .Navbar-image,body.lightmode .Header-image{display:none}
body.lightmode .Navbar-image--light,body.lightmode .Header-image--light{display:flex}
.Game{background-color:var(--color-bg);margin-bottom:var(--padding-base)}
.Game-title{display:flex;justify-content:space-between;margin:0 0 var(--padding-base) 0}
.Game-score{display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-accent);color:var(--color-text);font-family:Teko,sans-serif}
.Game-scoreSeparator{font-size:5rem;line-height:4rem;border-color:var(--color-primary) transparent var(--color-secondary) transparent;border-width:2px 0;border-style:solid;align-self:stretch;padding:0 20px;display:flex;justify-content:center;align-items:center}
.Game-scoreItem{font-size:5rem;font-weight:700;display:flex;align-items:center;gap:40px;line-height:4rem}
.Game-scoreItem--winner{color:var(--color-primary);border:2px solid var(--color-primary)}
.Game-scoreItem--loser{color:var(--color-secondary);border:2px solid var(--color-secondary)}
.Game-scoreItem strong{padding:25px 0 20px}
.Game-scoreItem span{font-size:20px;color:var(--color-text);height:8rem;align-self:stretch;display:flex;align-items:center;padding:20px}
.Game-scoreItem.Game-scoreItem--black{border-width:2px 0 2px 2px}
.Game-scoreItem.Game-scoreItem--black span{background-color:var(--color-black);color:var(--color-white)}
.Game-scoreItem.Game-scoreItem--white{border-width:2px 2px 2px 0}
.Game-scoreItem.Game-scoreItem--white span{background-color:var(--color-white);color:var(--color-black)}
.Game-videoWrapper{display:flex;border:1px solid var(--color-bg-contrast);position:relative;background-color:var(--color-black)}
.Game-videoWrapper .Game-videoFullscreen{position:absolute;top:15px;right:11%;background-color:var(--color-primary);color:var(--color-white);border:0;text-decoration:none;z-index:9999;display:none;padding:10px 20px}
.Game-videoWrapper--fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;border:0}
.Game-videoWrapper--fullscreen .Game-videoContainer{flex:0 0 90.7%}
.Game-videoWrapper--fullscreen .Game-highlights{width:10%}
.Game-videoWrapper--fullscreen .Game-videoFullscreen{display:block}
.Game-videoContainer{padding-top:47.8%;position:relative;flex:0 0 85%}
.Game-video{height:auto;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%}
.Game-highlights{width:15%;position:absolute;top:0;right:0;background-color:var(--color-bg-accent);color:var(--color-text-contrast);height:100%}
.Game-highlights h2{color:var(--color-text-contrast);margin:0;padding:var(--padding-base);background-color:var(--color-bg-contrast);text-align:right}
.Game-highlights p{margin:0;height:calc(100% - 94px);overflow-y:scroll}
.Game-highlights .Game-videoLink{display:flex;justify-content:flex-end;padding:10px 20px;gap:5px;border:1px solid var(--color-bg);border-width:0 0 1px 0;color:var(--color-text);text-decoration:none;transition:all ease 0.3s}
.Game-highlights .Game-videoLink.Game-videoLink--active{background-color:var(--color-primary-accent);color:var(--color-white)}
.Game-highlights .Game-videoLink:first-child{border-width:1px 0}
.Game-highlights .Game-videoLink span:first-child{display:inline-block}
.Game-highlights .Game-videoLink span:last-child{display:inline-block;transition:width ease 0.3s;width:0;overflow:hidden}
.Game-highlights .Game-videoLink:hover{background-color:var(--color-primary);color:var(--color-white)}
.Game-highlights .Game-videoLink:hover span:last-child{width:15px}
.Game-videoControl{display:flex;justify-content:flex-end;padding-bottom:1rem}
.Game-summary{text-align:left;margin-top:80px}
.Game-summary h1{padding:15px 40px 10px;background-color:var(--color-bg-contrast);color:var(--color-text-contrast);text-align:center;border:1px solid var(--color-text);border-bottom:0;margin:0;display:inline-block}
.Game-summary p{text-align:left;margin:0;padding:0.75rem 1.5rem;background-color:var(--color-bg-accent);border:1px solid var(--color-text);border-width:0 1px}
.Game-summary p:first-of-type{border-top:1px solid var(--color-text);padding-top:1.5rem}
.Game-summary p:last-of-type{padding-bottom:1.5rem;border-bottom:1px solid var(--color-text)}
.Game-summary a{color:var(--color-primary)}
.Game-summary a[target="_blank"]::after{content:"➚"}
.Game-summary a:hover{text-decoration:none}
.Game-summary .Game-videoLink{display:inline-flex;background-color:var(--color-primary);text-decoration:none;padding:3px 8px;gap:4px;color:var(--color-white);transition:all ease 0.3s}
.Game-summary .Game-videoLink span:last-child{display:inline-block;overflow:hidden;width:0;transition:all ease 0.3s}
.Game-summary .Game-videoLink:hover{background-color:var(--color-primary-accent)}
.Game-summary .Game-videoLink:hover span:last-child{width:20px}
.Game .Game-stats{width:100%;border:1px solid var(--color-text);border-collapse:collapse}
.Game .Game-stats th{font-family:Teko,sans-serif;font-size:1.2rem}
.Game .Game-stats th:first-child{text-align:left}
.Game .Game-stats th,.Game .Game-stats td{padding:10px 5px;text-align:right}
.Game .Game-stats th.Game-statsSep,.Game .Game-stats td.Game-statsSep{background-color:var(--color-bg-contrast);padding:1px}
.Game .Game-stats td:first-child{font-family:Teko,sans-serif;font-size:1.2rem;font-weight:700;text-align:left}
.Game .Game-stats tr{transition:all ease 0.1s}
.Game .Game-stats tr:nth-child(even){background-color:var(--color-table-even)}
.Game .Game-stats tr:nth-child(odd){background-color:var(--color-table-odd)}
.Game .Game-stats tr:hover{background-color:var(--color-table-hover)}
.Game .Game-stats .blk td,.Game .Game-stats .blk th{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}
.Game .Game-stats .wht td,.Game .Game-stats .wht th{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-white)}
@media (max-width:768px){.Game-videoWrapper{flex-direction:column}.Game-highlights{position:static;width:100%;height:auto}.Game-highlights h2{font-size:1.2rem;padding:10px;text-align:left;display:none}.Game-highlights p{scroll-behavior:smooth;display:flex}.Game-highlights p .Game-videoLink{border-width:0 1px 0 0}.Game-highlights p .Game-videoLink:first-child{border-width:0 1px 0 0}.Game-highlights p .Game-videoLink:hover span:last-child{width:0}.Game-videoFullscreen{display:block;width:100%;text-align:center}.Game-videoWrapper--fullscreen .Game-videoFullscreen{top:0;right:0;width:auto;display:inline-block}.Game-videoWrapper--fullscreen .Game-videoContainer{flex:0 0 85%}.Game-videoWrapper--fullscreen .Game-highlights{width:100%;flex:0 0 15%}.Game-videoWrapper--fullscreen .Game-highlights p{height:100%}.Game-summary h1{font-size:1.5rem;text-align:left;padding:15px}.Game-summary p{padding:15px}.Game-summary div{width:100%;overflow-x:scroll}.Game-scoreItem{font-size:3rem;gap:15px}.Game-scoreItem span{padding:15px;height:7rem}.Game-scoreSeparator{font-size:3rem;padding:0 15px}}
.Header{padding:112px 0 10vh 0;position:relative;margin-bottom:80px}
.Header-background{background-image:url("/themes/wceshop/assets/media/bg.jpg");background-size:cover;background-position:top center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;filter:grayscale(100%)}
.Header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:1}
.Header-image--light{display:none}
.Header-container{display:flex;justify-content:space-between;align-items:center;flex-direction:column;position:relative;z-index:2;gap:70px}
.Header-container h1{margin:0;text-align:center}
.Header-logo{width:100%;max-width:400px;text-align:center}
.Header-logo a{display:inline-block}
.Header-logo img{height:300px}
.Header-lastGames{display:flex;justify-content:center;align-items:center;gap:140px}
.Header-lastGameLink{display:flex;align-items:center;flex-direction:column;padding:var(--padding-base);text-decoration:none;position:relative;color:var(--color-text);transition:all ease 0.3s;perspective:500px;transform:translateX(-35px)}
.Header-lastGameLink::before,.Header-lastGameLink::after{content:"";position:absolute;display:inline-block;top:0;left:0;width:100%;height:100%;z-index:-1;transition:all ease 0.3s;transform:skewX(0deg);border:1px solid var(--color-text);box-sizing:border-box}
.Header-lastGameLink::before{content:"⇢";background-color:var(--color-text);color:var(--color-text-contrast);display:flex;align-items:center;justify-content:flex-end;font-size:3rem;padding-right:15px;transform:skewX(0deg) translateX(70px)}
.Header-lastGameLink::after{background-color:var(--color-bg-accent)}
.Header-lastGameLink:hover{transform:translateX(-35px) scale(1.05)}
.Header-lastGameLink:hover::before,.Header-lastGameLink:hover::after{border-color:var(--color-secondary)}
.Header-lastGameLink:hover::before{background-color:var(--color-secondary);color:var(--color-secondary-accent)}
.Header-gameDate{font-size:1.5rem;font-weight:700;font-family:Teko,sans-serif}
.Header-score{display:flex;justify-content:center;align-items:center;gap:10px;font-family:Teko,sans-serif}
.Header-scoreItem,.Header-scoreSeparator{font-size:3rem;font-weight:700;display:inline-flex;align-items:center;gap:8px;font-family:Teko,sans-serif}
.Header-scoreItem span,.Header-scoreSeparator span{font-size:1.5rem}
.Header-scoreItem.Header-scoreItem--winner,.Header-scoreSeparator.Header-scoreItem--winner{color:var(--color-primary)}
.Header-scoreItem.Header-scoreItem--loser,.Header-scoreSeparator.Header-scoreItem--loser{color:var(--color-secondary)}
.Header--compact{padding:130px 0 40px;min-height:370px}
.Header--noMargin{margin-bottom:0 !important}
.Header--main{min-height:100vh}
@media (max-width:768px){.Header{padding:100px 0 30px;margin-bottom:30px}.Header-container{gap:30px}.Header-logo{max-width:250px}}
.GamesList-item{display:flex;justify-content:space-between;align-items:center;padding:0;border:1px solid var(--color-text);margin-bottom:40px;text-decoration:none;color:var(--color-text);transition:all ease 0.3s;background-color:var(--color-bg-accent)}
.GamesList-item h1{margin:30px 0 20px;vertical-align:baseline}
.GamesList-item:hover{border-color:var(--color-secondary);transform:scale(1.02)}
.GamesList-item:hover .GamesList-arrowContainer{color:var(--color-secondary-accent);background-color:var(--color-secondary)}
.GamesList-gameDate{font-size:1.5rem;font-weight:700;font-family:Teko,sans-serif;flex:0 0 30%;padding-left:var(--padding-base)}
.GamesList-score{display:flex;justify-content:center;align-items:center;gap:10px;font-family:Teko,sans-serif;flex:0 0 40%}
.GamesList-scoreItem,.GamesList-scoreSeparator{font-size:3rem;font-weight:700;display:inline-flex;align-items:center;gap:8px;font-family:Teko,sans-serif;color:var(--color-text)}
.GamesList-scoreItem span,.GamesList-scoreSeparator span{font-size:1.5rem}
.GamesList-scoreItem.GamesList-scoreItem--winner,.GamesList-scoreSeparator.GamesList-scoreItem--winner{color:var(--color-primary)}
.GamesList-scoreItem.GamesList-scoreItem--loser,.GamesList-scoreSeparator.GamesList-scoreItem--loser{color:var(--color-secondary)}
.GamesList-arrow{flex:0 0 30%;display:flex;justify-content:flex-end;align-self:stretch;align-items:stretch}
.GamesList-arrowContainer{width:70px;background-color:var(--color-text);text-align:center;color:var(--color-text-contrast);font-size:2rem;display:flex;justify-content:center;align-items:center;transition:all ease 0.3s}
@media (max-width:768px){.GamesList-item{flex-direction:column;margin-bottom:20px;align-items:stretch}.GamesList-gameDate{padding-left:0}.GamesList-gameDate h1{margin:20px 0 10px;text-align:center}.GamesList-arrow{width:100%}.GamesList-arrowContainer{width:100%}}
.Navbar{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:0 0 0 15px;position:fixed;top:0;left:0;width:100%;background-color:var(--color-navbar);z-index:9999;border-bottom:1px solid var(--color-text)}
.Navbar-image{text-decoration:none;display:flex;align-items:center;gap:15px;padding:15px 0}
.Navbar-image h1{color:var(--color-text);display:inline-block;text-transform:uppercase}
.Navbar-image--light{display:none}
.Navbar-logo{height:80px}
.Navbar-menu{display:flex;align-self:stretch;align-items:stretch}
.Navbar-menu a{color:var(--color-text);text-decoration:none;display:flex;align-items:center;padding:10px 15px 7px;transition:all ease 0.3s;line-height:1.5rem;font-family:Teko,sans-serif;font-size:1.5rem;border:1px solid var(--color-text);border-width:0 0 0 1px}
.Navbar-menu a.isActive{background-color:var(--color-primary-accent)}
.Navbar-menu a:hover{background-color:var(--color-primary)}
.Navbar .ModeIcon{display:none;font-size:2rem}
.Navbar .ModeIcon--visible{display:block}
.Navbar-toggle{display:none}
.Navbar h1{margin:0}
@media (max-width:768px){.Navbar-menu{position:fixed;top:0;right:0;width:100%;height:100%;background-color:var(--color-navbar);z-index:9998;flex-direction:column;align-items:stretch;justify-content:center;display:none}.Navbar-menu a{justify-content:center;font-size:2rem;border:0;padding:1rem}.Navbar-menu.isOpen{display:flex}.Navbar-image h1{font-size:1.2rem}.Navbar-logo{height:40px}.Navbar-toggle{display:flex;font-size:1.2rem;padding:10px 15px 7px;border:1px solid var(--color-text);border-width:0 0 0 1px;color:var(--color-text);align-self:stretch;justify-content:center;align-items:center;text-decoration:none;position:relative;z-index:9999;flex:0 0 55px}.Navbar-toggle span:last-child{display:none}.Navbar-toggle.isOpen{border-width:0 0 1px 1px}.Navbar-toggle.isOpen span:first-child{display:none}.Navbar-toggle.isOpen span:last-child{display:inline-block}}
.Stats-select{width:300px;font-family:Teko,sans-serif;font-size:1.5rem;font-weight:bold;color:var(--color-text-contrast);border:1px solid var(--color-text);padding:10px 20px;background-color:var(--color-bg-contrast);outline:none}
.Stats-valueTypes{display:inline-flex;justify-content:flex-start;align-items:center;gap:30px;padding:var(--padding-base);background-color:var(--color-bg-contrast)}
.Stats-valueTypes h2{color:var(--color-text-contrast);margin:0}
.Stats-valueTypeWrapper input{display:none}
.Stats-valueTypeWrapper label{cursor:pointer;display:flex;align-items:center;gap:10px;font-family:Teko,sans-serif;font-size:1.5rem;color:var(--color-text-contrast)}
.Stats-valueTypeWrapper label::before{content:"";width:1.5rem;height:1.5rem;border:1px solid var(--color-text-contrast)}
.Stats-valueTypeWrapper input:checked + label::before{background-color:var(--color-text-contrast)}
.Stats-grid{position:relative}
.Stats-grid.isLoaded .Stats-loading{display:none}
.Stats-loading{display:flex;justify-content:center;align-items:center;height:100%;width:100%;border:1px solid var(--color-text);position:absolute;z-index:10;font-size:1.5rem}
.Stats-leaders{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;margin-bottom:80px}
.Stats-leaderCategory{display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--color-text)}
.Stats-leaderCategory>h2{margin:0;color:var(--color-text);font-size:1.5rem;font-family:Teko,sans-serif;font-weight:bold;background-color:var(--color-bg-accent);padding:10px;border-bottom:1px solid var(--color-text)}
.Stats-categoryContainer{display:flex;gap:20px;background-color:var(--color-bg)}
.Stats-categoryLeaders{flex:0 0 calc(50% - 10px);padding-bottom:20px;padding-top:20px}
.Stats-leader{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-size:cover;background-position:center}
.Stats-leader h2{margin:0;font-size:1.1rem}
.Stats-leaderImage{width:100%;height:100%;background-size:cover;background-position:center;position:absolute;z-index:1;filter:grayscale(100%) contrast(80%) brightness(150%)}
.Stats-leader--main{flex:0 0 calc(50% - 10px);position:relative;border-right:var(--color-text) 1px solid;align-items:flex-end;justify-content:stretch;padding:0;padding-top:50%}
.Stats-leader--main h2,.Stats-leader--main .Stats-leaderValue{flex:0 0 60%;background-color:var(--color-bg-contrast);color:var(--color-text-contrast);height:2.5rem;font-size:1.8rem;font-family:Teko,sans-serif;padding:5px 0 0 20px;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;position:relative;z-index:3}
.Stats-leader--main .Stats-leaderValue{flex:0 0 40%;justify-content:flex-end;color:var(--color-primary-accent);font-weight:bold;padding-left:0;padding-right:20px}
.Stats-leaderFirst{position:absolute;top:0;left:0;padding:5px 10px;font-size:1.5rem;color:var(--color-white);font-family:Teko,sans-serif;font-weight:bold;background-color:var(--color-primary);z-index:3}
.Stats-nav{display:flex;justify-content:center;align-items:center;margin-bottom:50px;border:1px solid var(--color-text);border-width:1px 0;background-color:var(--color-bg-accent);font-family:Teko,sans-serif}
.Stats-nav a{padding:15px 20px 10px;font-size:1.5rem;color:var(--color-text);text-decoration:none;border-right:1px solid var(--color-text)}
.Stats-nav a:first-child{border-left:1px solid var(--color-text)}
.Stats-nav a.isActive{color:var(--color-primary)}
.Stats-mainPlayerName{font-size:1.5em;font-family:Teko,sans-serif;font-weight:700;margin-right:20px}
.Stats-stories p{margin-top:30px;font-size:1.3em}
.Stats-friendsTables{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;margin-bottom:80px}
.Stats-friendsTables h2{margin-top:2em}
.Stats-friendsTables table{border:1px solid var(--color-text);border-collapse:collapse;width:100%;max-width:700px}
.Stats-friendsTables table th{font-family:Teko,sans-serif;font-size:1.2rem;background-color:var(--color-bg-accent)}
.Stats-friendsTables table th,.Stats-friendsTables table td{padding:10px 5px;text-align:left}
.Stats-friendsTables table th.Game-statsSep,.Stats-friendsTables table td.Game-statsSep{background-color:var(--color-bg-contrast);padding:1px}
.Stats-friendsTables table td:first-child{font-size:1rem;font-weight:700}
.Stats-friendsTables table td:nth-child(2){white-space:nowrap}
.Stats-friendsTables table tr{transition:all ease 0.1s}
.Stats-friendsTables table tr:nth-child(even){background-color:var(--color-table-even)}
.Stats-friendsTables table tr:nth-child(odd){background-color:var(--color-table-odd)}
.Stats-friendsTables table tr:hover{background-color:var(--color-table-hover)}
@media (max-width:991px){.Stats-friendsTables{grid-template-columns:1fr}}
@media (max-width:768px){.Stats-leaders{grid-template-columns:1fr}.Stats-leader--main h2{font-size:1.2rem;padding-left:8px}.Stats-leader--main .Stats-leaderValue{font-size:1.2rem;padding-right:8px}.Stats-categoryContainer{gap:0}.Stats-valueTypes{padding:15px;gap:0;flex-direction:column;align-items:flex-start;width:100%}}
.ag-theme-quartz,.ag-theme-quartz-dark,.ag-theme-quartz-auto-dark{--ag-border-radius:0;--ag-wrapper-border-radius:0;--ag-background-color:var(--color-bg);--ag-foreground-color:var(--color-text);--ag-border-color:var(--color-text);--ag-secondary-border-color:transparent;--ag-header-background-color:var(--color-bg-accent);--ag-borders:0;--ag-tooltip-background-color:var(--color-bg);--ag-row-hover-color:var(--color-table-hover);color-scheme:dark}
.ag-theme-quartz .ag-center-cols-viewport,.ag-theme-quartz .ag-header-viewport,.ag-theme-quartz-dark .ag-center-cols-viewport,.ag-theme-quartz-dark .ag-header-viewport,.ag-theme-quartz-auto-dark .ag-center-cols-viewport,.ag-theme-quartz-auto-dark .ag-header-viewport{border-left:1px solid var(--color-text)}
.ag-theme-quartz .ag-horizontal-left-spacer,.ag-theme-quartz-dark .ag-horizontal-left-spacer,.ag-theme-quartz-auto-dark .ag-horizontal-left-spacer{display:none}
.ag-theme-quartz .ag-body-horizontal-scroll-viewport,.ag-theme-quartz-dark .ag-body-horizontal-scroll-viewport,.ag-theme-quartz-auto-dark .ag-body-horizontal-scroll-viewport{border-top:1px solid var(--color-text)}
.ag-theme-quartz .ag-root-wrapper,.ag-theme-quartz-dark .ag-root-wrapper,.ag-theme-quartz-auto-dark .ag-root-wrapper{border:1px solid var(--color-text)}
.ag-theme-quartz .ag-header-cell-label,.ag-theme-quartz-dark .ag-header-cell-label,.ag-theme-quartz-auto-dark .ag-header-cell-label{justify-content:flex-end;font-family:Teko,sans-serif;font-size:1.5rem;padding-top:5px}
.ag-theme-quartz .ag-cell-value,.ag-theme-quartz-dark .ag-cell-value,.ag-theme-quartz-auto-dark .ag-cell-value{text-align:right}
.ag-theme-quartz .ag-row-even,.ag-theme-quartz-dark .ag-row-even,.ag-theme-quartz-auto-dark .ag-row-even{background-color:var(--color-table-even)}
.ag-theme-quartz .ag-row-odd,.ag-theme-quartz-dark .ag-row-odd,.ag-theme-quartz-auto-dark .ag-row-odd{background-color:var(--color-table-odd)}
.Compare{width:100%;max-width:600px;margin:0 auto}
.Compare-filtersWrapper{height:60px}
.Compare-filters{display:flex;justify-content:center;align-items:center;gap:20px;position:sticky;top:150px;z-index:10}
.Compare-filters>div:first-child select{text-align:right}
.Compare-filters select{width:300px;font-family:Teko,sans-serif;font-size:1.5rem;font-weight:bold;color:var(--color-text-contrast);border:1px solid var(--color-bg-contrast);padding:10px 20px;background-color:var(--color-bg-contrast);outline:none}
.Compare-filters--sticky{position:fixed;top:110px;left:0;z-index:10;width:100%;background-color:var(--color-bg-contrast)}
.Compare-row{display:flex;justify-content:stretch;align-items:stretch;gap:0;margin-bottom:10px;border:1px solid var(--color-text)}
.Compare-data{padding:20px 20px;flex:0 0 calc(50% - 150px);font-family:Teko,sans-serif;font-size:1.7rem;background-color:var(--color-bg-contrast);color:var(--color-text-contrast);font-weight:bold}
.Compare-data:first-child{text-align:right}
.Compare-data.isBetter{background-color:var(--color-primary);color:var(--color-white)}
.Compare-data.isWorse{background-color:var(--color-secondary);color:var(--color-white)}
.Compare-data--header{background-color:var(--color-bg-accent);color:var(--color-text);flex:0 0 300px;font-size:1.5rem;text-align:center}
@media (max-width:768px){.Compare-filtersWrapper{width:100%;height:112px}.Compare-filters{width:100%;gap:10px;flex-wrap:wrap}.Compare-filters>div{width:100%}.Compare-filters>div select{width:100%;font-size:1.2rem;flex:0 0 calc(50% - 10px)}.Compare-filters>div:first-child{order:2;flex:0 0 50%;width:auto;align-self:flex-start}.Compare-filters>div:first-child select{text-align:left}.Compare-filters>div:last-child{order:3;flex:0 0 calc(50% - 10px);width:auto;align-self:flex-end}.Compare-filters>div:last-child select{text-align:right}.Compare-filters>div:nth-child(2){order:1}.Compare-filters--sticky{top:70px}.Compare-data{flex:0 0 25%;font-size:1.1rem;padding:10px}.Compare-data--header{flex:0 0 50%}}
.Poll-winner{width:100%;max-width:500px;margin:auto}
.Poll-winner h2{font-family:Teko,sans-serif;font-size:3rem;background-color:var(--color-bg-contrast);color:var(--color-text-contrast);display:inline-block;padding:10px 20px;margin:0}
.Poll-winnerPlayer{border:1px solid var(--color-text);display:flex;gap:20px;background-color:var(--color-bg-accent)}
.Poll-winnerImage{flex:0 0 calc(50% - 20px);background-size:cover;background-position:center;background-repeat:no-repeat;height:300px;filter:grayscale(100%) contrast(80%) brightness(150%)}
.Poll-winnerText{font-size:2rem;font-family:Teko,sans-serif}
.Poll-winnerText h3{font-family:Teko,sans-serif;font-size:2.5rem;padding:20px 0;margin:0}
.Poll-others{width:100%;max-width:500px;margin:50px auto}
.Poll-othersTable{border:1px solid var(--color-text);background-color:var(--color-bg-accent)}
.Poll-othersTable>div{padding:20px;display:flex;justify-content:space-between;align-items:center}
.Poll-othersTable>div:nth-child(odd){background-color:var(--color-table-odd)}
.Poll-othersTable>div:nth-child(even){background-color:var(--color-table-even)}
.Poll-othersTable>div span:first-child{font-family:Teko,sans-serif;font-size:1.5rem}
.TeamGenerator-playerSelection{display:flex;flex-wrap:wrap;gap:20px;padding:20px;background-color:var(--color-bg-contrast)}
.TeamGenerator-playerSelectionHeadline{font-family:Teko,sans-serif;font-size:1.5rem;color:var(--color-text);margin:0;padding:20px;background-color:var(--color-bg-accent);display:inline-block}
.TeamGenerator-playerSelectionPlayer input{display:none}
.TeamGenerator-playerSelectionPlayer label{cursor:pointer;display:flex;align-items:center;gap:10px;font-family:Teko,sans-serif;font-size:1.5rem;color:var(--color-text-contrast)}
.TeamGenerator-playerSelectionPlayer label::before{content:"";width:1.5rem;height:1.5rem;border:1px solid var(--color-text-contrast)}
.TeamGenerator-playerSelectionPlayer input:checked + label{color:var(--color-primary)}
.TeamGenerator-playerSelectionPlayer input:checked + label::before{background-color:var(--color-text-contrast)}
.TeamGenerator-submit{display:flex;justify-content:flex-end;align-items:center}
.TeamGenerator-teams{display:flex;gap:30px}
.TeamGenerator-team{display:flex;flex-direction:column;border:1px solid var(--color-text);flex:1 1 calc(50% - 15px)}
.TeamGenerator-team h2{margin:0;padding:15px;background-color:var(--color-black);font-family:Teko,sans-serif;font-size:1.5rem;color:var(--color-white);display:flex;justify-content:space-between}
.TeamGenerator-team:first-child h2{background-color:var(--color-white);color:var(--color-black)}
.TeamGenerator-teamPlayer{padding:0.7rem;background-color:var(--color-table-even);font-weight:bold;display:flex;justify-content:space-between;align-items:center}
.TeamGenerator-teamPlayer:nth-child(odd){background-color:var(--color-table-odd)}
@media (max-width:768px){.TeamGenerator-playerSelection{flex-direction:column}.TeamGenerator-teams{flex-direction:column}}
.MVP-select{margin-bottom:50px;display:flex;width:100%;justify-content:space-between}
.MVP-select select{width:300px;font-family:Teko,sans-serif;font-size:1.5rem;font-weight:bold;color:var(--color-text-contrast);border:1px solid var(--color-text);padding:10px 20px;background-color:var(--color-bg-contrast);outline:none}
.MVP-select label{font-weight:bold;display:block;font-size:22px;margin-bottom:15px}
.MVP-select .Game{flex:0 0 50%}
.MVP-block{text-align:center;position:relative;max-width:800px;margin:50px auto 200px;perspective:1000px;height:420px}
.MVP-block.isVisible .MVP-winner{animation:rotateMVP 1s linear forwards}
.MVP-block.isVisible .MVP-winner--fake{animation:rotateFakeMVP 1s linear forwards}
.MVP-winner{z-index:1;position:absolute;top:0;left:0;width:100%;display:flex;transform:rotateY(180deg);backface-visibility:hidden}
.MVP-winner--fake{z-index:2;transform:rotateY(0deg)}
.MVP-winner--fake .MVP-image{font-size:80px;font-family:Teko,sans-serif;height:420px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);background-color:var(--color-white)}
.MVP-image{height:420px;flex:0 0 340px;background-size:cover;background-position:center;background-repeat:no-repeat;filter:grayscale(100%) contrast(80%) brightness(150%)}
.MVP-winnerInfo{flex:1 1 100%}
.MVP-winnerInfo h1{margin:0;padding:1rem 2rem;background-color:var(--color-black);color:var(--color-white)}
@media (max-width:768px){.MVP-select{flex-direction:column}.MVP-select div{width:100%}.MVP-select table{width:100%}.MVP-select .Game{width:100%}.MVP-winner{flex-direction:column-reverse}}
@keyframes rotateMVP{0%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@keyframes rotateFakeMVP{0%{transform:rotateY(0deg)}100%{transform:rotateY(180deg)}}
.Button{display:inline-block;padding:15px 30px;background-color:var(--color-primary);color:var(--color-white);text-decoration:none;transition:all ease 0.3s;font-family:Teko,sans-serif;font-size:1.5rem;border:0}
.Button:hover{background-color:var(--color-primary-accent)}
.Button--secondary{background-color:var(--color-secondary)}
.Button--secondary:hover{background-color:var(--color-secondary-accent)}
.Button--alternate{background-color:var(--color-primary)}
.Button--alternate:hover{background-color:var(--color-secondary)}
body{width:100%;max-width:100%;padding:0;background-color:var(--color-bg);color:var(--color-text);margin:0;font-family:"Noto Sans",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}
*::-webkit-scrollbar{width:7px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background-color:var(--color-secondary)}
h1,h2,h3,h4,h5,h6{font-family:"Teko",sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}
h1{font-size:3rem}
.container{width:100%;max-width:1600px;margin:0 auto;padding:0 15px}
.container--wide{max-width:100%}
.container--compact{max-width:1000px}
.legend th,.legend td{text-align:left}
.Compare-columns{display:flex;justify-content:space-between}
.Compare-column{flex:0 0 40%}
.comp-label{display:flex;align-items:center;justify-content:space-between}
.comp-arrow{display:inline-block;width:20px;font-size:30px;line-height:18px}
.comp-arrow.better{color:green}
.comp-arrow.worse{color:red}
.comp-arrow.equal{color:blue}
.poll-checkbox{width:100%;display:flex;margin-bottom:5px;margin-top:5px;font-size:22px;gap:15px;padding:5px;align-items:center}
.poll-checkbox:hover{background-color:rgba(255,255,255,0.05)}
.poll-checkbox input{display:inline-block;width:22px;height:22px}
.Game{position:relative}
.flash{padding:20px;margin-bottom:20px;border-radius:5px;border:1px solid white;background-color:rgba(255,255,255,0.1);font-size:30px}
.Game-video.Game-youtube{padding-top:0}