@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Orbitron:wght@700&display=swap";.social,.games .grid .info,.games,.left{color:hsl(0,0%,13%);background:hsl(0,0%,93%)}.bepis,.events #box-list .list,.events .box-action .chronology,.social .box #discord,.games .grid .box,.right{color:hsl(0,0%,93%);background:hsl(0,0%,13%)}body{margin:0;padding:0;color:hsl(0,0%,93%);font-family:Arial,Helvetica,sans-serif;background:hsl(0,0%,15%)}a{color:rgb(229.5,0,0);text-decoration:none}h1{font-size:150%}#slogan{font-family:"Bebas Neue",cursive;font-size:170%;text-align:center;margin-top:0px;margin-bottom:0px;border-block:4px solid rgb(229.5,0,0);background:rgb(229.5,0,0)}#slogan p{margin-top:0px;margin-bottom:0px;color:hsl(0,0%,13%)}@media(max-width: 768px){#slogan{font-size:100%}}.header-base{overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.header-container{position:relative;display:grid;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;grid-template-columns:repeat(1, 50px);grid-template-rows:repeat(3, 50px);gap:5px}.header-container-item{width:50px;height:50px;background-color:rgb(229.5,0,0);position:absolute;transition:transform .5s ease}#header{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:165%;text-align:center}#header h1{font-size:2em;font-family:"Orbitron",sans-serif;font-weight:700;color:hsl(0,0%,93%)}@media(max-width: 768px){#header{font-size:150%}}#wrapper{position:relative;width:100%;min-height:15vw;overflow:hidden;font-size:170%;font-family:"Bebas Neue",cursive;border-top:4px solid rgb(229.5,0,0);border-bottom:4px solid rgb(229.5,0,0)}#wrapper h1{margin-top:0px;margin-bottom:155px}#wrapper p{margin-top:155px;margin-bottom:-15px}.layer{position:absolute;width:100vw;min-height:15vw;overflow:hidden}.layer .content-wrap{position:absolute;width:100vw;min-height:15vw}.layer .content-body{width:100%;position:absolute;top:50%;text-align:center;transform:translateY(-50%)}.layer h1{font-size:2em}.right{z-index:1}.right .content-body{right:-25%;background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9)),url(../images/bg-right.jpg) no-repeat 8vw bottom}.left{width:50vw;z-index:2}.left .content-body{left:-25%;background:linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.9)),url(../images/bg-left.jpg) no-repeat 8vw bottom}.split{position:absolute;height:100%;display:block;background-color:rgb(229.5,0,0);width:calc(4px*2);top:0;left:50%;z-index:3}.skewed .split{top:50%;transform:rotate(45deg) translateY(-50%);height:200%;transform-origin:top}.skewed .left{transform:skew(-45deg);margin-left:-1000px;width:calc(50vw + 1000px)}.skewed .left .content-wrap{transform:skew(45deg);margin-left:1000px}@media(max-width: 470px){#wrapper{font-size:78%}#wrapper p{margin-bottom:0px}.right .content-body,.left .content-body{background:none}}@media(max-width: 768px)and (min-width: 471px){#wrapper{font-size:100%}#wrapper p{margin-bottom:0px}.right .content-body,.left .content-body{background:none}}@media(min-width: 2200px){.split{width:calc(4px + 10px)}}@media(min-width: 2561px){#wrapper{min-height:7vw}.layer{min-height:7vw}.layer .content-wrap{min-height:7vw}.right .content-body,.left .content-body{background:none;background-image:linear-gradient(to right, rgba(229.5, 0, 0, 0.1) 1px, transparent 0px),linear-gradient(to bottom, rgba(229.5, 0, 0, 0.1) 1px, transparent 0px);background-size:27px 27px}}#banner #event-info,#banner #call-to-action{text-align:center;width:100%;border:0px;border-style:none}#banner{display:grid;grid-template-columns:1fr;grid-template-rows:60px 0px;place-items:center}#banner #call-to-action{background-image:linear-gradient(hsl(0, 100%, 45%) -50%, hsl(0, 0%, 15%))}#banner #event-info{display:none;margin-top:-40px}@media(max-width: 768px){#banner #call-to-action{border-left:0px solid;border-right:0px solid;width:100%}#banner #event-info{border-left:0px solid;border-right:0px solid;width:100%}}.games{margin-bottom:30px}.games .grid{padding-left:calc(4px*3);padding-right:calc(4px*3);padding-top:calc(4px*9);padding-bottom:calc(4px*9);display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:4px}.games .grid .info{text-transform:none;padding-left:calc(4px*6);padding-right:calc(4px*6)}.games .grid .info h1{text-transform:none;text-align:right}.games .grid h1{text-transform:uppercase;text-align:center}.games .grid p{text-align:right}.games .grid ul{text-align:center;list-style-type:none;margin:0;padding:0}.games .grid ul>li{padding:4px}.games .grid ul>li:nth-child(odd){background-color:hsl(0,0%,33%)}@media(max-width: 1243px)and (min-width: 1040px){.games .grid .info{grid-column-end:span calc(6 - 1)}.games .grid .info h1{text-align:center}.games .grid .info p{text-align:center}}@media(max-width: 1039px)and (min-width: 836px){.games .grid{grid-template-columns:repeat(calc(6 * 2), 1fr)}.games .grid .info{grid-column-end:span calc(6*2)}.games .grid .info h1{text-align:center}.games .grid .info p{text-align:center}.games .grid .box:nth-child(n+2){grid-column:span calc(6*2/3)}.games .grid .box:nth-last-child(-n+2){grid-column:span 6}}.roster{height:300px;width:75%;overflow:hidden;margin:auto;margin-bottom:30px}.roster .people{height:100%;width:70%;float:left;display:flex;flex-direction:row;align-items:stretch}.roster .people .box{display:flex;flex-grow:1;transition:all .5s ease;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden}.roster .people .box:hover{flex-grow:1.2}.roster .people .box:after{content:"";height:50%;width:200%;background-color:hsl(0,0%,13%);left:-50%;bottom:-20%;position:absolute;transform:rotate(-10deg);text-align:center;padding-top:20px;font-size:150%}.roster .people .box.pogchamp{background-image:url("../images/iff-weping.jpg");background-position:100% center}.roster .people .box.pogchamp:after{content:"Weping"}.roster .people .box.gachigasm{background-image:url("../images/iff-huatai.jpg");background-position:25% center}.roster .people .box.gachigasm:after{content:"Huatai"}.roster .people .box.monkas{background-image:url("../images/iff-stevatero.jpg");background-position:70% center}.roster .people .box.monkas:after{content:"Stevatero"}.roster .info{height:calc(100% - 4px);width:calc(100% - 70% - 4px);float:left;text-align:center;border-right:4px solid hsl(0,0%,13%);border-bottom:4px solid hsl(0,0%,13%)}.roster .info .hitbox{text-transform:uppercase;font-size:150%;font-weight:bold;margin-top:12px;margin-bottom:4px}.roster .info .extra{margin-top:0px;margin-bottom:12px}.roster .info h1{margin-bottom:0px}.roster .info img{margin-top:-12px}@media(max-width: 1243px){.roster{height:600px;overflow:auto}.roster .people{height:50%;width:100%}.roster .info{height:calc(50% - 4px);width:calc(100% - 2*4px);border-left:4px solid hsl(0,0%,13%)}}@media(max-width: 1039px){.roster .people .box.pogchamp{background-position:80% center}.roster .people .box.gachigasm{background-position:25% center}.roster .people .box.monkas{background-position:58% center}}@media(max-width: 835px){.roster{width:auto;padding-left:calc(4px*3);padding-right:calc(4px*3)}.roster .people .box:after{font-size:120%}}@media(min-width: 2561px){.roster .people .box:hover{flex-grow:1.1}.roster .people .box:after{bottom:-30%;transform:rotate(-5deg)}.roster .people .box.pogchamp{background-position:100% 0px}.roster .people .box.gachigasm{background-position:100% 0px}.roster .people .box.monkas{background-position:100% 0px}}.social{text-align:center;text-transform:uppercase;font-weight:bold;margin-bottom:30px}.social .box{padding-top:calc(4px*9);width:calc(50vw + 4px*2);margin:auto;margin-bottom:calc(4px*4)}.social .box #discord{font-size:150%;overflow-wrap:break-word;border:4px solid rgb(229.5,0,0);padding:calc(4px*3)}.social .box #discord:hover{color:rgb(229.5,0,0)}.social .box i{margin-right:4px}.social .grid{padding-bottom:calc(4px*9);width:calc(50vw + 4px*2);margin:auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));grid-gap:4px}.social .grid .item i,.social .grid .history .content .timeline .item-reversed i,.history .content .timeline .social .grid .item-reversed i{font-size:200%}.social .grid .item p,.social .grid .history .content .timeline .item-reversed p,.history .content .timeline .social .grid .item-reversed p{font-size:100%;margin-top:4px;margin-bottom:0px}.social .grid a{color:hsl(0,0%,13%)}.social .grid a:hover{color:rgb(229.5,0,0)}@media(max-width: 1243px){.social .box{margin-bottom:calc(4px*6)}.social .grid{width:calc(90vw + 4px*2)}}@media(max-width: 564px){.social .grid{grid-template-columns:repeat(12, 1fr);grid-gap:calc(4px*4)}.social .grid a:nth-child(-1n+3){grid-column:span 4}.social .grid a:nth-last-child(2){grid-row-start:2;grid-column:3/span 4}.social .grid a:nth-last-child(1){grid-row-start:2;grid-column:7/span 4}}.history{margin-bottom:30px}.history .info{text-align:center;padding-top:calc(4px*9);padding-bottom:calc(4px*9 + 30px);border-bottom:4px solid rgb(229.5,0,0)}.history .info h1{margin-top:0px;margin-bottom:calc(4px*3)}.history .info p{margin-top:4px;margin-bottom:0px}.history .content{width:75%;margin:auto;padding-top:calc(4px*9 + 30px)}.history .content .timeline{list-style-type:none;margin:0;padding:0}.history .content .timeline .item,.history .content .timeline .item-reversed{padding-top:calc(4px*3);display:grid;grid-template-areas:"date marker text";grid-template-columns:calc(50% - 30px/2) auto calc(50% - 30px/2);grid-gap:0px}.history .content .timeline .item .date,.history .content .timeline .item-reversed .date{grid-area:date;padding-top:4px;padding-right:calc(4px*3);text-align:right;text-transform:uppercase}.history .content .timeline .item .marker,.history .content .timeline .item-reversed .marker{grid-area:marker}.history .content .timeline .item .marker:before,.history .content .timeline .item-reversed .marker:before{content:"";width:15px;height:15px;background:hsl(0,100%,71%);display:block;border:4px solid rgba(0,0,0,0);border-radius:100%;transition:background .3s ease-in-out,border .3s ease-in-out;margin-top:2px;margin-left:4px}.history .content .timeline .item .marker:after,.history .content .timeline .item-reversed .marker:after{content:"";width:4px;height:calc(100% - 32px);background:hsl(0,0%,93%);display:block;margin-top:6px;margin-left:13px}.history .content .timeline .item .text,.history .content .timeline .item-reversed .text{grid-area:text;padding-left:calc(4px*3);text-align:left}.history .content .timeline .item h1,.history .content .timeline .item-reversed h1{margin-top:0px}.history .content .timeline .item-reversed .date{grid-area:text;padding-top:4px;padding-right:0px;padding-left:calc(4px*3);text-align:left}.history .content .timeline .item-reversed .text{grid-area:date;padding-left:0px;padding-right:calc(4px*3);text-align:right}.history .content .timeline .item:first-child,.history .content .timeline .item-reversed:first-child{padding-top:0px}.history .content .timeline .item:hover .marker:before,.history .content .timeline .item-reversed:hover .marker:before{background:rgba(0,0,0,0);border:4px solid hsl(0,100%,71%)}@media(max-width: 835px){.history .content{width:auto;padding-left:calc(4px*8);padding-right:calc(4px*8)}.history .content .timeline .item,.history .content .timeline .item-reversed{grid-template-areas:"marker date" "marker text";grid-template-columns:auto calc(100% - 30px/2)}.history .content .timeline .item .date,.history .content .timeline .item-reversed .date{padding-top:calc(4px + 2px);padding-right:calc(4px*3);padding-left:calc(4px*3);padding-bottom:calc(4px*2);text-align:left}.history .content .timeline .item .text,.history .content .timeline .item-reversed .text{padding-right:calc(4px*3)}.history .content .timeline .item-reversed .date{grid-area:date;padding-right:calc(4px*3);padding-left:calc(4px*3);text-align:left}.history .content .timeline .item-reversed .text{grid-area:text;padding-right:calc(4px*3);padding-left:calc(4px*3);text-align:left}}.events{margin-bottom:30px}.events .info{text-align:center;width:75%;margin-left:auto;margin-right:auto;padding-top:calc(4px*9);padding-bottom:calc(4px*9)}.events .info h1{margin-top:0px;margin-bottom:calc(4px*3)}.events .info p{margin-top:4px;margin-bottom:0px}.events .buttons{display:flex;align-items:center;justify-content:center}.events .box-action{position:relative;text-align:center;text-transform:uppercase;font-weight:bold;height:100px;width:calc(25vw + 4px*2);margin-left:5px;margin-right:5px}.events .box-action .chronology{font-size:150%;overflow-wrap:break-word;border:4px solid rgb(229.5,0,0);padding:calc(4px*3)}.events .box-action .chronology:hover{color:rgb(229.5,0,0)}.events .box-action p{margin-top:0px;margin-bottom:0px}.events #box-list{width:75%;margin-left:auto;margin-right:auto;margin-top:calc(-100px/2);margin-bottom:30px}.events #box-list .list{display:none;border:4px solid rgb(229.5,0,0);padding:calc(4px*3);padding-top:calc(4px*10)}.events #box-list .list .item .time,.events #box-list .list .history .content .timeline .item-reversed .time,.history .content .timeline .events #box-list .list .item-reversed .time{text-transform:capitalize}.events #box-list .list .item i,.events #box-list .list .history .content .timeline .item-reversed i,.history .content .timeline .events #box-list .list .item-reversed i{margin-top:5px;margin-left:5px}.events #box-list .list .item:nth-child(even):not(:last-child),.events #box-list .list .history .content .timeline .item-reversed:nth-child(even):not(:last-child),.history .content .timeline .events #box-list .list .item-reversed:nth-child(even):not(:last-child){color:hsl(0,0%,15%);background-color:hsl(0,100%,71%)}.events #box-list .list .intro{margin-left:5px;margin-right:5px;margin-top:16px;margin-bottom:16px}.events #box-list .list .desc{margin-left:5px;margin-right:5px;margin-top:16px}.events #box-list .list .lanparty{display:grid;grid-template-columns:55px repeat(3, 1fr)}.events #box-list .list .lanparty p:nth-child(2){font-weight:bold}.events #box-list .list .tournament{display:grid;grid-template-columns:55px repeat(2, 1fr) 45px repeat(2, 1fr)}.events #box-list .list .tournament p:nth-child(2){font-weight:bold}.events #box-list .list .tournament i:nth-child(4){text-align:center}.events #box-list .list .versus{display:grid;grid-template-columns:repeat(2, 65px) 1fr 45px repeat(2, 1fr)}.events #box-list .list .versus p:nth-child(1){text-align:right}.events #box-list .list .versus p:nth-child(2){text-align:center}.events #box-list .list .versus p:nth-child(3){font-weight:bold;text-align:left}.events #box-list .list .versus i:nth-child(4){text-align:center}.events #box-list .list p{margin-top:4px;margin-bottom:4px}.events #box-list .list:nth-child(1){display:block}@media(max-width: 1200px){.events .box-action{width:calc(50vw + 4px*2)}.events #box-list{width:90%}}@media(max-width: 980px){.events #box-list .list .lanparty p:nth-child(2){grid-column:span 3}.events #box-list .list .lanparty p:nth-child(3){grid-column:unset;display:none;width:0px}.events #box-list .list .lanparty p:nth-child(4){grid-column:unset;display:none;width:0px}.events #box-list .list .tournament p:nth-child(2){grid-column:span 5}.events #box-list .list .tournament p:nth-child(3){grid-column:unset;display:none;width:0px}.events #box-list .list .tournament i:nth-child(4){grid-column:unset;display:none;width:0px}.events #box-list .list .tournament p:nth-child(5){grid-column:unset;display:none;width:0px}.events #box-list .list .tournament p:nth-child(6){grid-column:unset;display:none;width:0px}.events #box-list .list .versus{grid-template-columns:45px 45px 1fr}.events #box-list .list .versus i:nth-child(4){grid-column:unset;display:none;width:0px}.events #box-list .list .versus p:nth-child(5){grid-column:unset;display:none;width:0px}.events #box-list .list .versus p:nth-child(6){grid-column:unset;display:none;width:0px}}@media(max-width: 600px){.events .buttons{display:block}.events .box-action{width:90%;margin-left:auto;margin-right:auto}.events #box-list{margin-top:auto}.events #box-list .list{padding-top:calc(4px*3)}}.bepis{text-align:center;font-weight:bold;background:linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)),url(../images/bg-bepis.jpg) repeat;margin-bottom:30px}.bepis h1{margin-left:20px;margin-right:20px}.bepis h1:first-child{padding-top:40px;padding-bottom:0px;margin-bottom:0px}.bepis h1:last-child{margin-top:0px;padding-top:0px;padding-bottom:40px}.bepis img{height:25px;margin-bottom:-4px;margin-left:2px}@media(max-width: 385px){.bepis{font-size:65%}.bepis h1:first-child{padding-bottom:2px}.bepis img{height:18px;margin-bottom:-2px}}.footer{margin-bottom:30px}.footer p{text-align:center;margin-top:4px;margin-bottom:0px}