html,p{font-size:var(--base-font-size)}body,header{background-size:cover;background-repeat:no-repeat;background-position:center}body,nav{display:flex}#particles-js,.block-title,.desktop-menu,.discord-btn,.event-table,.mobile-menu,.player-count-wrapper,.vote-btn,header,main,nav,section>.container{width:100%}#player-count,section .content{border-radius:var(--radius);box-shadow:inset 0 0 5px var(--inset-shadow);background-color:var(--primary-color)}#discord,#main-buttons,#sidebar,#tab-group{grid-column:span 3}#player-count,#tab-group section,body,section .content{background-color:var(--primary-color)}.block-title ul li,nav ul li{list-style-type:none}#articles,#promos,#welcome-post{grid-column:span 8}#promos .block-title,.block-title,.inner-content.menu-option,td{border-bottom:1px solid var(--inset-shadow)}#top-votes table,.event-table table,td{border-collapse:collapse}#articles a,.mobile-links ul li a,.post-container .button-wrapper a{text-decoration:none;color:var(--text-color)}#articles a,.mobile-links ul li a,.playnow-text small a,body,h3 span,h4 span{color:var(--text-color)}#articles a,.playnow .button-wrapper a:hover,.post-container .button-wrapper a:hover{background-color:var(--buttons)}.desktop-menu,.nav-wrapper,.playnow-image,.swiper-pagination,footer,header,nav{position:relative}#player-count,.playnow-text,.swiper-pagination,footer{text-align:center}@font-face{font-family:"Beaufort for LOL";src:url("../fonts/BeaufortforLOL-Light.woff2") format("woff2"),url("../fonts/BeaufortforLOL-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Beaufort for LOL";src:url("../fonts/BeaufortforLOL-Regular.woff2") format("woff2"),url("../fonts/BeaufortforLOL-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Beaufort for LOL";src:url("../fonts/BeaufortforLOL-Medium.woff2") format("woff2"),url("../fonts/BeaufortforLOL-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Beaufort for LOL";src:url("../fonts/BeaufortforLOL-Bold.woff2") format("woff2"),url("../fonts/BeaufortforLOL-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--primary-color:#050b15;--text-color:#7f8593;--headings-color:#f1b526;--muted-color:rgba(75, 73, 90, 0.7);--inset-shadow:rgba(194, 194, 194, 14%);--buttons:#0d1728;--buttons-hover:#1a2e51;--footer-bg:#02040b;--black:#000000;--blog-author:#383b46;--border-gradient:linear-gradient(
    90deg,
    #3e2e1d 0%,
    #ffae00 47%,
    #ffae00 53%,
    #3e2e1d 100%
  );--border-gradient-mobile:linear-gradient(
    90deg,
    #15100a 0%,
    #ffae00 25%,
    #ffae00 75%,
    #15100a 100%
  );--side-shadow:linear-gradient(
    90deg,
    rgba(6, 7, 14, 0.8) 0%,
    rgba(0, 0, 0, 0.3) 15%,
    rgba(2, 4, 11, 0) 50%,
    rgba(4, 4, 9, 0.3) 85%,
    rgba(6, 7, 14, 0.8) 100%
  );--banner-gradient:linear-gradient(
    90deg,
    rgba(5, 11, 22, 1) 0%,
    rgba(5, 11, 22, 0.3) 41%,
    rgba(5, 11, 22, 0) 100%
  );--banner-gradient-mobile:linear-gradient(
    90deg,
    rgba(5, 11, 22, 1) 0%,
    rgba(5, 11, 22, 0.3) 35%,
    rgba(5, 11, 22, 0) 100%
  );--font-sans:"Beaufort for LOL","Segoe UI","Helvetica Neue",sans-serif;--base-font-size:16px;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:700;--space-xs:0.25rem;--space-sm:0.65rem;--space-md:1rem;--space-lg:1.5rem;--max-width:1200px;--radius:5px}html{font-family:var(--font-sans)}body{margin:0;min-height:100vh;background-image:url("../img/texture.png");background-attachment:fixed;font-weight:var(--font-weight-bold);flex-direction:column;align-items:center;overflow-x:hidden}h1,h2,h3,h4{font-weight:700;color:var(--headings-color);margin-bottom:var(--space-md);margin:0;text-transform:uppercase;background:linear-gradient(var(--headings-color),#fe9d3b);-webkit-background-clip:text;background-clip:text;color:transparent}h1{margin-bottom:10px}p{margin:0}#active-players,.banner-text p,.mobile-links ul li a:hover,i{color:var(--headings-color)}section>.container{border-radius:var(--radius)}.content>section,.inner-content.menu-option h2,.section>.container-fluid{padding:0}.block-title h2{padding:var(--space-md) var(--space-lg)}.side-shadows{padding-top:3px;background:var(--side-shadow);border-top:4px solid transparent;border-image:var(--border-gradient) 1}header{height:450px;background-image:url("../img/Header-bg.png")}header .play-btn-wrapper{width:fit-content;height:fit-content;position:absolute;left:50%;bottom:-60px;transform:translateX(-50%);display:block;cursor:pointer;filter:drop-shadow(0px 4px 6px black);z-index:4}header.active .play-btn-wrapper{z-index:4}header.active .nav-wrapper{z-index:5}.play-btn-wrapper .play-btn,.play-btn-wrapper .play-btn-hover{width:300px}.play-btn-wrapper .play-btn{opacity:1;filter:drop-shadow(0px 0px 35px #1b5da0)}.play-btn-wrapper .play-btn-hover{position:absolute;top:0;left:0;opacity:0;transition:opacity .3s}.play-btn-wrapper:hover .play-btn-hover,.playnow-btn-hover:hover{opacity:1}#particles-js{position:absolute;height:100%;top:0;left:0;z-index:2}@media (max-width:425px){.side-shadows{padding-top:3px;background:var(--side-shadow);border-top:4px solid transparent;border-image:var(--border-gradient-mobile) 1}.play-btn-wrapper{bottom:-45px}.play-btn-wrapper .play-btn,.play-btn-wrapper .play-btn-hover{width:225px}.play-btn-wrapper .play-btn{filter:drop-shadow(0px 0px 25px #1b5da0)}}.nav-wrapper{height:100%;background:#02040b;background:var(--side-shadow);z-index:5}#welcome-post .container,.events-container .banner-container .content,.highscores-container .banner-container .content,.mobile-menu,.vote-container .banner-container .content{background-size:cover;background-repeat:no-repeat}nav{align-items:center;justify-content:center;flex-direction:column;transition:.2s ease-in-out}nav .image-wrapper{position:absolute}nav .image-wrapper a{display:block}nav .desktop-menu ul{display:flex;gap:50px;align-items:center;justify-content:center;padding:0}nav img{width:19vw;max-width:260px}nav svg{width:80%;height:auto;max-width:1200px;filter:drop-shadow(0px 8px 8px var(--footer-bg))}.desktop-menu{height:fit-content;padding-top:75px;display:flex;align-items:center;justify-content:center}.tile{cursor:pointer;transition:transform .4s}.tile text{transition:fill .4s,opacity .4s;pointer-events:none}.tile polygon,.tile polyline,.tile rect{transition:filter .2s}.tile:hover polygon,.tile:hover polyline,.tile:hover rect{filter:brightness(1.3)}.tile:hover text{fill:#f1b526;opacity:1}#spotlight .content.hide .slider,#top-votes .content.hide .slider,#top-votes .content.hide .vote-content-wrapper,#top-votes .content.hide .vote-table-wrapper,.block-title ul li:last-of-type,nav .mobile-links{display:none}nav.active .mobile-links{display:block;padding:var(--space-lg)}.mobile-menu{height:fit-content;padding:0;border-bottom:1px solid transparent;border-image:var(--border-gradient) 1;background-image:url("../img/texture.png");background-position:center}.mobile-menu.active{display:flex;align-items:center;padding:0;z-index:99}.mobile-menu .content{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg);background-color:transparent;box-shadow:unset}.mobile-menu .logo img{width:45px}.mobile-menu .hamburger,.mobile-menu .logo{display:flex;align-items:center;height:fit-content}.mobile-menu .hamburger:hover,.mobile-menu .logo,.swiper-slide:hover{cursor:pointer}.mobile-menu .hamburger ul{display:flex;flex-direction:column;width:20px;height:fit-content;margin:0;padding:0;gap:5px}.mobile-menu .hamburger ul li{height:2px;width:100%;background-color:#fff;border-radius:5px;transition:.3s}.hamburger.active li:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.active li:nth-child(2),.playnow-btn-active:hover,.playnow-btn-hover{opacity:0}.hamburger.active li:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-links ul{display:flex;flex-direction:column;align-items:center;margin:0;padding:0;gap:40px;transition:.3s ease-in-out}#articles a,.mobile-links ul li a,.playnow img,.playnow-text small{transition:.2s ease-in-out}.mobile-links ul li a{font-size:19px;display:block}.mobile-links ul li:last-of-type a{background-color:#fff;padding:10px 25px;border-radius:30px;color:var(--black)}main{min-height:calc(100dvh - 507px);display:flex;justify-content:center}.content-container{display:flex;flex-direction:column;gap:var(--space-md);padding:75px 0}#welcome-post{order:2;grid-row:1}#welcome-post .container{height:100%;min-height:200px;display:flex;flex-direction:column;justify-content:start;background-image:url("../img/Rectangle.png");background-position:center;border-radius:var(--radius)}#welcome-post .content{height:100%;background-color:transparent;padding:var(--space-lg)}#welcome-post p{max-width:50%}@media (min-width:1025px){.mobile-menu{display:none}.content-container{max-width:1200px;padding:100px 100px 50px;display:grid;grid-template-columns:repeat(11,2fr)}#welcome-post{order:1}}#main-buttons{order:1;grid-row:1}#main-buttons .content{background-color:transparent;box-shadow:unset;gap:8px;display:flex;flex-direction:column}#main-buttons .button-wrapper{display:flex;align-items:center;text-align:center;gap:var(--space-sm);cursor:pointer}.player-count-wrapper{height:100%}#player-count{height:fit-content;padding:var(--space-md);border-top:2px solid;border-image:linear-gradient(90deg,rgba(5,11,21,0.5) 0%,rgba(81,80,110,1) 50%,rgba(5,11,21,0.5) 100%) 1;border-image-slice:1}@media (min-width:426px) and (max-width:1024px){#main-buttons .content{gap:5px;display:flex;flex-direction:column}.content-container{padding:85px 0 75px}}#articles{display:flex;flex-direction:column;order:3;grid-row:2/8;height:fit-content}#articles article{min-height:240px;display:flex;width:fit-content;flex-grow:1;padding:var(--space-lg)}#articles article:not(:first-child){border-top:1px solid var(--inset-shadow)}#articles article .content{display:flex;flex:4;flex-direction:column;width:fit-content;justify-content:space-between}#articles .content-inner{display:flex;flex-direction:column;gap:25px;justify-content:space-between;flex:4}#articles .blog-post{display:flex;flex-direction:column;gap:20px}#articles article .content .blog-post{display:flex;flex-direction:column;gap:15px}#articles .button-wrapper{display:flex}#articles a{padding:7px var(--space-sm);border-radius:3px}#articles a:hover{background-color:var(--buttons-hover)}#articles small,.post-container small{color:var(--blog-author);display:flex;gap:5px}.article-image-wrapper{flex:2}#articles img{max-width:300px}#spotlight .content.hide,#top-votes .content.hide,.swiper{height:fit-content}#discord{grid-row:2/4;order:4;display:flex}#discord iframe{height:460px;width:100%}#tab-group{grid-row:4/13;order:6}#tab-group .tab-group-content{display:flex;flex-direction:column;gap:var(--space-lg);background-color:transparent}#top-votes .content,.swiper-slide{flex-direction:column}#tab-group>.content{box-shadow:unset}#top-votes tbody tr:last-child td{border:none}#top-votes table{width:100%}#top-votes>table>tr{border:1px solid var(--inset-shadow)}#top-votes table tr:nth-last-child(-n+2){opacity:.3}#spotlight .content.hide .inner-content,#top-votes .content.hide .inner-content{border-bottom:unset}td{padding:15px 30px}td:first-child{padding-left:40px;padding-right:0}.vote-content-wrapper{padding:var(--space-sm) var(--space-lg) var(--space-lg) var(--space-lg)}.vote-content{display:flex;align-items:center;gap:15px;width:100%;box-shadow:inset 0 0 10px var(--inset-shadow);border-radius:var(--radius)}.vote-reward-image{padding:15px 0 15px 15px}#top-votes .vote-content-wrapper img{width:100px}.vote-text{padding:15px 15px 15px 0}.inner-content.menu-option .block-title{display:flex;justify-content:space-between;align-items:center;border-bottom:unset}.inner-content.menu-option{padding:var(--space-md) var(--space-lg);cursor:pointer}.block-title ul{margin:0;padding:0}.block-title ul li{background-color:var(--headings-color);width:20px;height:2px;border-radius:var(--radius)}.slider,.store-image-wrapper{padding:var(--space-lg)}.swiper{width:100%}.swiper-slide{font-size:18px;display:flex;justify-content:center;align-items:center;gap:15px;padding-bottom:var(--space-lg)}.slide-text{display:flex;flex-direction:column;gap:10px}.swiper-slide img{display:block;width:100%;object-fit:cover}.swiper-pagination-bullet{border-radius:2px;width:17px;height:17px;background-color:#323a4d;box-shadow:inset 0 0 4px var(--black)}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:unset;left:unset;top:unset;width:unset}.footer-block,.playnow img{left:50%;transform:translateX(-50%)}@media (min-width:769px) and (max-width:1024px){#articles .content-inner{justify-content:space-between}#sidebar,#tab-group .tab-group-content{flex-direction:row}#spotlight{padding:0}#spotlight,#top-votes{flex:1;min-width:0}#top-votes .content{height:100%}#spotlight .content{min-width:0;height:100%}}@media (min-width:1025px) and (max-width:1300px){.vote-content{flex-direction:column;gap:0}.vote-reward-image{padding:var(--space-lg) 0 0 0}.vote-text{text-align:center;padding:0 var(--space-lg) var(--space-lg) var(--space-lg)}}.event-content,.event-specs-text,.specs-container .content{gap:var(--space-lg);display:flex}#promos{display:flex;gap:20px;order:7;grid-row:8/12}#store,#trailer{flex:1}#trailer video{max-height:175px;width:100%;border-radius:var(--radius)}.trailer-video-wrapper{padding:var(--space-lg) var(--space-lg) 0 var(--space-lg)}.store-image-wrapper img{width:100%;border-radius:var(--radius);max-height:175px}@media (max-width:425px){nav img{width:75px}nav svg{width:100%}#welcome-post .container{background-position:60%}#welcome-post p{max-width:100%}#main-buttons .button-wrapper{flex-direction:column;gap:2px}#promos{flex-direction:column}}@media (min-width:630px) and (max-width:768px){#promos .content{display:flex;flex-direction:row}}.events-container,.playnow-container,.post-container,.side-shadows>.highscores-container,.side-shadows>.vote-container{padding:100px 0;width:100%;max-width:1200px;display:flex;flex-direction:column;gap:var(--space-lg);border-radius:var(--radius)}.highscores-container .banner-container .content{background-image:url("../img/Highscores-banner.png");border-radius:var(--radius)}.side-shadows>.highscores-container iframe,.side-shadows>.vote-container iframe{width:100%;height:100%;border:none}.highscores-container .stats-container{height:calc(175dvh - 150px)}@media (max-width:1024px){#tab-group,section{padding:0 var(--space-lg)}.desktop-menu{display:flex;padding:125px 0 0}.desktop-menu svg{display:none}nav .mobile-menu{position:fixed;top:0;z-index:99}nav a{width:fit-content}nav .image-wrapper{position:relative;width:fit-content}nav .image-wrapper img{width:200px}#spotlights,#top-votes,main{padding:0}.content-container{width:100%}.main-buttons{display:flex;flex-direction:column;gap:5px}#articles{order:4}#discord{order:3}.highscores-container .banner-container .content{background-position:70% 100%}}.vote-container .banner-container .content{background-image:url("../img/Voting-banner.png");background-position:center;border-radius:var(--radius)}.vote-container .stats-container{height:calc(130dvh - 150px)}.footer-block::after,.footer-block::before{content:"";top:0;width:0;height:0;border-style:solid}.events-container section .content{background-color:unset;box-shadow:unset;border-radius:unset}.banner,.event-specs,.event-stats,.event-winners,.post-container .button-wrapper a{box-shadow:inset 0 0 5px var(--inset-shadow)}.events-container .banner-container .content{background-image:url("../img/Events-banner.png");background-position:center;border-radius:var(--radius)}.banner{width:100%;height:185px;display:flex;align-items:center;background:0 0;border-radius:var(--radius)}.banner-text{padding-top:20px;padding-left:120px}.banner-text h1{font-size:60px}.event-specs,.event-stats,.event-winners{padding:var(--space-lg);border-radius:var(--radius)}.event-stats,.event-winners{padding:0;background-color:var(--primary-color)}.event-content{height:fit-content;flex-direction:column}.event-winners img{width:35px}.event-specs{flex:3;height:fit-content;background-color:var(--primary-color)}.event-stats{flex:5}.table-container{padding:var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.event-table table{width:100%;overflow:hidden;border-radius:var(--radius)}.event-table td,.event-table th{text-align:left;padding:var(--space-md) var(--space-lg)}.event-table th{color:#f1c40f;background-color:#060c1c}.event-table tbody tr:nth-child(odd){background-color:#0d1526}.event-table tbody tr:nth-child(2n){background-color:#111a2c}.event-specs-text{flex-direction:column;justify-content:center}.event-specs-text h3,.event-specs-text h4{display:flex;align-items:center;gap:5px}.event-specs-text img{width:25px}.footer-block,footer{background-color:var(--footer-bg)}@media (max-width:425px){.banner-text h1{font-size:30px}}@media (min-width:426px) and (max-width:768px){.play-btn-wrapper .play-btn,.play-btn-wrapper .play-btn-hover{width:250px}.banner-text h1{font-size:50px}}.post-container .content{padding:var(--space-lg);display:flex;flex-direction:column;gap:0}.post-container .post-text{flex:6;display:flex;flex-direction:column}.post-container .post-image{flex:3}.post-container .post-image img{width:100%;max-width:370px}.post-container .button-wrapper a{padding:var(--space-sm) var(--space-lg);background-color:var(--primary-color);border-radius:var(--radius);transition:.2s ease-in-out}@media (max-width:768px){#articles article{display:flex;flex-direction:column}#articles .article-image-wrapper{display:none}.events-container,.side-shadows>.highscores-container,.side-shadows>.vote-container{padding:75px 0}.events-container .banner-container .content{background-position:60% 75%}.banner{width:100%;height:185px;display:flex;align-items:center;background:var(--banner-gradient-mobile)}.banner-text{padding-left:var(--space-lg)}.post-container .content-inner,.specs-container .content{flex-direction:column}.playnow-container{padding:75px var(--space-lg)}}@media (min-width:769px){#promos{flex-direction:row}#promos .content{display:flex}.trailer-video-wrapper{padding:var(--space-lg) 0 0 var(--space-lg)}.store-image-wrapper{padding:var(--space-lg)}.post-container .content-inner{display:flex;flex-direction:row}.post-container .post-image{display:flex;align-items:center;justify-content:center}}.playnow,.playnow-text{flex-direction:column;display:flex}.playnow{justify-content:center;align-items:center;gap:50px}.playnow-text{align-items:center;justify-content:center}.playnow-text h1{font-size:40px}.playnow-text small{color:var(--muted-color)}.playnow-image{width:100%;height:150px;animation:3s ease-in-out infinite doublePulse}.playnow img{position:absolute;width:500px}.playnow-content{display:flex;flex-direction:column;align-items:center;gap:40px}@keyframes doublePulse{0%,10%,100%,20%{transform:scale(1)}15%,5%{transform:scale(1.03)}}.playnow .button-wrapper a i{margin-right:10px}@media (max-width:425px){.playnow-image{height:80px}.playnow img{width:275px}}@media (min-width:1025px){#main-buttons{order:2}#main-buttons .button-wrapper{flex-direction:column;gap:2px}#articles,#articles .container,#articles .container .content{height:100%}#articles .content{display:flex;flex-direction:column}#articles .content-inner{justify-content:space-between}#articles .article-wrapper{height:100%;display:flex;flex-direction:column}.events-container{padding:100px}.playnow-container{padding:125px 100px}}footer{padding:var(--space-md) 0;width:100%;font-size:.875rem;font-weight:var(--font-weight-bold);color:var(--muted-color)}.footer-block{position:absolute;height:20px;width:200px;top:-20px}.footer-block::before{position:absolute;left:-20px;border-width:0 0 20px 20px;border-color:transparent transparent var(--footer-bg) transparent}.footer-block::after{position:absolute;right:-20px;border-width:20px 0 0 20px;border-color:transparent transparent transparent var(--footer-bg)}