body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#171717;color:#171717;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:DccDreamer;src:local("DccDreamer"),url(/static/media/dcc-dreamer.7882a9bd8d31873b32c6.otf) format("opentype")}@font-face{font-family:Osaka;src:local("Osaka"),url(/static/media/osaka-re.23e25886d1d44ce0348d.ttf) format("truetype")}@font-face{font-family:Bungee;src:local("Bungee"),url(/static/media/Bungee-Regular.b3fe5488c24130233917.ttf) format("truetype")}.drawerButton{height:30px;width:30px}.drawerButton>.line{background:#111;height:2px;margin:7px 5px;transition:all .3s ease-in-out;width:20px}.drawerButton.open>.line:first-child{transform:rotate(45deg) translateY(5px)}.drawerButton.open>.line:nth-child(2){transform:rotate(-45deg) translateY(-5px)}.drawerContainer{animation:openDrawer .5s ease-out forwards;background-color:#111;border-top:1px solid grey;color:#fff;left:0;overflow:hidden;padding:0 30px;position:fixed;top:0;width:calc(100% - 60px);z-index:1000}.drawerTitle{color:#fff;cursor:pointer;font-size:20px;padding:15px 0;text-align:left}.drawerTitle:not(:last-child){border-bottom:1px solid grey}.drawerTitle:first-child{margin-top:100px}.drawerTitle:hover{opacity:.9}.drawerTitle.active{padding-left:10px}@keyframes openDrawer{0%{height:0}to{height:100vh}}.navMenu .menuLink,.polygonBg2{-webkit-clip-path:polygon(5px 50%,0 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,0 100%);clip-path:polygon(5px 50%,0 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,0 100%);padding:5px 20px}.topbar{background-color:#00deff}.navMenu{animation:fadeFromLeft 1s ease-in-out;color:#111;display:flex;flex-direction:row;flex-grow:1;justify-content:flex-end}.navMenu .menuLink{background:none;cursor:pointer;font-weight:700;margin:0 10px;transition:all .3s}.navMenu .menuLink:hover{transform:scale(.95)}.navMenu .menuLink.active{background:#ffbc00}.App-header{align-items:center;animation:fadeFromTop 1s ease-in-out;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}.message{animation:titlePop 5s ease-in-out forwards;border-radius:5px;color:#fff;font-size:40px;margin:200px 50px 50px;padding:20px;text-align:left;z-index:2}.cloud{animation:cloud 20s linear forwards;position:absolute;right:0;top:-50px;z-index:2}.topbar{align-items:center;background:linear-gradient(90deg,#fff 21%,#fff 0,#79d4ff 0);display:flex;justify-content:center;justify-content:space-between;left:0;padding:10px;position:fixed;top:0;width:calc(100% - 20px);z-index:1100}.imageContainer{animation:fade 4s ease-in-out 0s forwards;height:500px;opacity:0;overflow:hidden;position:relative;width:100%}.textOnImage{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:30px;height:100%;justify-content:flex-end;left:0;position:absolute;top:0;width:100%;z-index:1}.title{animation:fadeFromTop 1s ease-in-out 0s forwards;color:#333;font-family:Osaka;font-size:40px;font-weight:700;opacity:0}.subtitle{animation:fade 5s ease-in-out .5s forwards;color:#000;font-size:30px;opacity:0;position:relative}.subsubtitle{color:#444;position:absolute}@media (orientation:landscape){.subsubtitle{font-size:18px;right:0;top:-10px}}@media (orientation:portrait){.subsubtitle{font-size:10px;right:0;top:-10px}}.description{animation:fadeFromTop 1s ease-in-out 0s forwards;color:#111;font-size:20px;margin-top:20px;padding:10px}.caption{color:#111;cursor:pointer;font-size:18px;font-weight:700}.textBlock{align-items:center;background:#79d4ff;border:5px solid #ffffff80;border-image-outset:0 15px;border-image-width:15px 15px 0 0;border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232d3561'/%3E%3Cstop offset='25%25' stop-color='%23c05c7e'/%3E%3Cstop offset='50%25' stop-color='%23f3826f'/%3E%3Cstop offset='100%25' stop-color='%23ffb961'/%3E%3C/linearGradient%3E%3Cpath d='M1.5 1.5h97v97h-97v-97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388' style='animation:stroke 10s infinite linear'/%3E%3C/svg%3E") 1;border-radius:5px;display:flex;flex-direction:column;flex-grow:1;margin:100px 20px 20px;padding:20px}@media (orientation:landscape){.App-header{flex-direction:row}.title{font-size:70px}.subtitle{font-size:50px}.textBlock{align-items:flex-start;justify-content:flex-start;max-width:50%;text-align:left}.imageContainer{height:auto;width:auto}.background{height:100vh;width:auto}}@keyframes titlePop{0%{-webkit-clip-path:polygon(0 0,100% 0,10% 10%,0 100%);clip-path:polygon(0 0,100% 0,10% 10%,0 100%);opacity:0;transform:scale(.5)}30%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1;transform:scale(1)}90%{-webkit-clip-path:polygon(10% 10%,100% 0,100% 100%,0 100%);clip-path:polygon(10% 10%,100% 0,100% 100%,0 100%);opacity:1}to{-webkit-clip-path:polygon(100% 100%,100% 0,100% 100%,0 100%);clip-path:polygon(100% 100%,100% 0,100% 100%,0 100%);opacity:0}}@keyframes darken{0%{background-color:#0a0a0a}to{background-color:#0a0025}}@keyframes logoAppears{0%{opacity:0}to{opacity:1}}@keyframes cloud{0%{opacity:1;right:0}90%{opacity:1}to{opacity:1;right:100%}}.page,.pageWrapper{align-items:center;display:flex;justify-content:center;width:100%}.page{flex-direction:column;max-width:800px;padding:100px 20px;text-align:left;transition:all 1s;z-index:1}@media (orientation:portrait){.page{padding:100px 20px;width:calc(100% - 40px)}}.chapterIndex,.polygonBg1{animation:fadePolygon 1s ease-in-out;-webkit-clip-path:polygon(0 50%,5px 5px,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,5px calc(100% - 5px));clip-path:polygon(0 50%,5px 5px,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,5px calc(100% - 5px));padding:10px 50px 10px 20px;transform-origin:-30px 30px}.chapterIndex+.chapterIndex,.chapterIndex+.polygonBg1,.polygonBg1+.chapterIndex,.polygonBg1+.polygonBg1{animation:fadePolygonSub 1s ease-in-out;transform:rotate(3deg) translateY(-5px);transform-origin:-30px -30px}.chapter{animation:fadeFromBottom 2s ease-in-out;border-radius:5px;color:#171717;font-size:20px;font-weight:700;padding:20px;position:relative}.chapter1{background:#79d4ff;background-blend-mode:luminosity;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;margin-top:50px;padding-top:80px;width:100%}.chapter1>.chapterTitle{position:absolute;top:-80px}.chapterTitle{align-items:center;border-radius:5px;display:flex;flex-direction:row;font-weight:900;justify-content:center;padding:10px;width:-webkit-fit-content;width:fit-content}.chapterIcon{animation:turn 10s linear infinite;border:5px solid #c38705;border-radius:50%;box-shadow:0 0 5px 5px #fff}.chapterText{color:#fff;display:flex;flex-direction:column;justify-content:flex-start;text-align:left}.chapterIndex{font-family:Osaka;font-size:30px}.chapterIndex,.chapterLabel{background:linear-gradient(45deg,#c00,#ffbc00)}.chapterLabel{border-radius:5px 5px 5px 0;margin-left:5px;padding:2px 20px;width:-webkit-fit-content;width:fit-content}.episode{align-items:center;background-color:#171717;border-radius:5px;margin:10px 5px;min-width:300px;padding:10px}.episode,.episodeText{display:flex;flex-direction:column}.episodeSubtitle{border-radius:5px;color:#fff;font-size:18px;font-weight:700;margin-bottom:2px;padding:5px;width:-webkit-fit-content;width:fit-content}.episodeTitleContainer{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px;width:100%}.episodePalier,.episodeTitle{border-radius:5px;color:#fff;color:#ccc;display:inline-flex;font-size:15px;font-weight:700;padding:5px}.episodeDescription{color:#fff;font-size:15px;padding:10px}.episodeDescription.currentEpisodeDescription+.episode,.episodeDescription.currentEpisodeDescription+.episode+.episodeDescription{opacity:.5}.episodeIllu{transform:rotate3d(.9,.2,.1,-25deg)}.chapterDescription{background-color:#eee;border-radius:5px;color:#171717;font-size:15px;padding:10px;position:relative}.triUp{border:15px solid;border-color:#0000 #0000 #eee;height:0;left:15px;position:absolute;top:-30px;width:0}.arc{font-size:30px;opacity:.5;text-align:center}.timeline{display:flex;flex-flow:row nowrap;overflow-x:scroll;position:relative;scroll-behavior:smooth;scrollbar-color:#111;scrollbar-width:thin;transition:all .5s ease-in-out;width:100%}.timeline.timelineNotInView{opacity:0;transform:translateX(-100px) scale(.6) rotateY(45deg);transform-origin:0 center}.timeline .chevronContainer{align-items:center;background:#ffffff4d;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;opacity:1;position:absolute;top:calc(50% - 15px);transition:all 1s ease-in-out;width:35px}.timeline .chevronContainer.hidden{opacity:0}.timeline .chevronContainer.left{left:5px}.timeline .chevronContainer.right{right:5px}.timeline .chevronContainer>.chevron.left,.timeline .chevronContainer>.chevron.right{transform:translateY(5px) translateX(-3px)}.timeline .chevronContainer:not(.hidden){animation:softBlink 3s ease-in-out infinite}.timeline::-webkit-scrollbar{width:10px}.timeline::-webkit-scrollbar-track{background:#ffbc00}.timeline::-webkit-scrollbar-thumb{background:#111}.timeline::-webkit-scrollbar-thumb:hover{background:#ffa600}.cursor{animation:blink .5s linear infinite}.seeEpisodeButton{background:#fff;color:#050505;font-size:14px;font-weight:700;margin:8px 0}.bookContainer{background-color:#79d4ff;display:flex;margin-bottom:20px}@media (orientation:landscape){.bookContainer{flex-direction:row;overflow-x:scroll;padding:20px;text-align:left;width:calc(100vw - 200px)}}@media (orientation:portrait){.bookContainer{font-size:18px;margin-top:50px;overflow-x:scroll;padding:50px 80px;text-align:center;width:100%}}.bookpage{background:linear-gradient(120deg,#008a9d,#008a9d 40%,#008a9d);background-repeat:no-repeat;background-size:cover;border:2px solid #fff;color:#fff;display:flex;flex-direction:column;justify-content:space-around;padding:20px 40px;position:relative;text-align:left}@media (orientation:portrait){.bookpage{height:80vh;min-height:80vh;min-width:80vw;width:80vw}}@media (orientation:landscape){.bookpage{height:710px;margin-right:20px;min-width:400px;width:400px}}.bookpage .pageHeader{align-self:flex-start}.bookpage .pageFooter,.bookpage .pageHeader{display:flex;justify-content:center;text-align:center;width:100%}.bookpage .footNote{bottom:20px;display:flex;font-size:11px;margin-top:auto;position:absolute}.pageContent{align-content:center;height:50%;min-height:50%}.pageNoteNumber{font-size:11px}.currentEpisode{border:8px dashed #ffbc00;box-sizing:border-box}.currentEpisode .episodePalier{color:#ffbc00}.videoAndBannersContainer{display:flex;padding-top:30px}@media (orientation:portrait){.videoAndBannersContainer{flex-direction:column;margin-top:30px;width:100%}}@media (orientation:landscape){.videoAndBannersContainer{align-items:center;flex-direction:column;justify-content:center;margin-left:0}}.videoAndBannersContainer .videoTitle{background-color:#fff;border:2px solid #000;border-radius:10px;color:0;font-size:16px;margin-bottom:25px;padding:10px;position:relative;text-align:left}.videoAndBannersContainer .videoTitle .arrowDown{border-left:20px solid #0000;border-right:20px solid #0000;border-top:20px solid #fff;bottom:-20px;height:0;left:calc(50% - 10px);position:absolute;width:0;z-index:1}.videoAndBannersContainer .videoTitle .arrowDown2{border-left:30px solid #0000;border-right:30px solid #0000;border-top:30px solid #000;bottom:-30px;height:0;left:calc(50% - 23px);position:absolute;width:0}.hintDown{animation:float 1s ease-in-out infinite;background:url(/static/media/arrowDown.fe6dcd845e74d0d3fc4a.png);background-color:#000000aa;background-position:50%;background-size:contain;border-radius:50px;height:100px;margin-top:20px;width:100px}.bannerWrappper{align-items:center;align-self:flex-end;background-color:#111;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:15px}@media (orientation:portrait){.bannerWrappper{padding:15px;width:90vw}}.videoWrapper{align-items:center;background-color:#79d4ff80;border:2px solid #79d4ff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin-bottom:50px;padding:20px}.welcomeBigtext{color:#fff;font-size:50px;font-weight:700;position:relative;-webkit-user-select:none;user-select:none}@media (orientation:portrait){.welcomeBigtext{align-items:center;display:flex;flex-direction:column;font-size:35px;justify-content:center;margin-top:300px;transform:translateY(-100px)}}@media (orientation:landscape){.welcomeBigtext{transform:translate(100px,250px)}}.welcomeBigText1{font-family:Bungee;font-size:42px;text-shadow:3px 3px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.welcomeBigText3{background:#111;background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #fff;color:#fff;display:inline-flex;padding:0 20px}@media (orientation:landscape){.welcomeBigText3{font-size:55px;transform:translate(100px,-10px) skewX(-10deg)}}@media (orientation:portrait){.welcomeBigText3{font-size:40px;transform:skewX(-10deg)}}.welcomeBigText4{background-color:#b1faff;display:inline-flex;height:-webkit-fit-content;height:fit-content;padding:10px;transform:skewX(-10deg)}.welcomeBigText5{color:#7030a0;display:block;display:inline-flex;padding:0 10px;text-shadow:0 0 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;transform:translate(50px,-5px) skewX(-10deg)}@media (orientation:landscape){.welcomeBigText5{font-size:55px}}@media (orientation:portrait){.welcomeBigText5{font-size:40px}}.sectionThree{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding-bottom:100px!important;z-index:990}.sectionThree .welcomeBigText4{background-color:#fff;color:#7030a0}.sectionThree .welcomeBigText5{background-color:#fdbeef;color:#fff;text-shadow:none}.sectionThree .explainImage{border:none}.welcomeBigText2{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #111;color:#111;display:inline-flex;padding:0 50px;transform:skewX(-10deg)}@media (orientation:landscape){.portraitCR{display:none}}.caption{animation:softBounce 5s ease-in-out infinite;background-color:#960000e6;box-shadow:0 0 10px 2px #fff;color:#fff;font-size:12px;font-weight:400;margin-left:10px;margin-top:10px;opacity:0;width:-webkit-fit-content;width:fit-content}.caption,.twitchButton{border-radius:5px;padding:10px}.twitchButton{animation:bookingButtonAnim 4s ease-in-out infinite;background-color:#ffdb88;border:1px solid #fff;box-shadow:0 10px 0 5px #fff3;color:#111;font-size:18px;font-weight:700;max-width:500px;width:100%}.actionButtonsContainer{z-index:900}@media (orientation:portrait){.actionButtonsContainer{background-position:5px;display:flex;font-size:20px;justify-content:center;margin-top:50px;width:100%}}@media (orientation:landscape){.actionButtonsContainer{bottom:50px;display:flex;justify-content:center;margin-bottom:100px;margin-top:0;max-width:500px;padding:10px;position:fixed;right:50px;width:100%}}.actionButton{background-color:#fff;background-image:url(/static/media/bookingButtonBg.7e3e4c5c5fed394bc985.png);background-position:10px;background-repeat:no-repeat;background-size:contain;border-radius:50px;box-shadow:0 10px 0 5px #fff3;box-shadow:0 5px 5px 2px #00000080;color:#000;cursor:pointer;font-family:Titillium Web,sans-serif;font-size:24px;font-weight:medium;max-width:500px;padding:10px;width:100%}.actionButton .btnHint{font-size:14px}.actionButton2{background-color:#fff;background-image:url(/static/media/fundingButtonBg.087590fd14c3929d92ba.png);margin-top:0}@media (orientation:landscape){.actionButton2{bottom:120px;padding:10px;position:fixed;right:50px}}@media (orientation:portrait){.actionButton2{background-position:8px 2px}}.bookingButtonDisabled{animation:none;border:none;cursor:default}.bottomBanner{background-color:#fff;border-top:1px solid #00deff;display:flex;width:100vw;z-index:1000}@media (orientation:portrait){.bottomBanner{align-items:center;flex-direction:column;justify-content:center}}@media (orientation:landscape){.bottomBanner{align-items:flex-end;bottom:0;flex-direction:row;justify-content:flex-end;left:0;position:fixed}.bottomBanner button:last-child{margin-right:50px}}.bottomBanner button{background:none;color:#111;font-size:12px;text-decoration:underline}@media (orientation:landscape){.firstPagePlaceholder{height:60vh;position:relative}}@media (orientation:portrait){.firstPagePlaceholder{height:0;position:relative}}.sectionOne{align-items:center;display:flex;justify-content:center;margin-bottom:150px;margin-top:100px;width:100%}@media (orientation:portrait){.sectionOne{margin-top:0}}.sectionTwo{background-color:#fff;background-position:50%;background-size:cover;border:1px solid #79d4ff;color:#111;font-size:18px;text-align:left;width:100vw}@media (orientation:landscape){.sectionTwo{padding:20px;text-align:left}}@media (orientation:portrait){.sectionTwo{font-size:18px;margin-top:50px;padding:50px 80px;text-align:center;width:100%}}.presenter{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.presenter .presenterText{width:-webkit-fit-content;width:fit-content;z-index:10}.presenter .presenterSection{display:flex;flex-direction:column;font-size:40px;text-align:center}.presenter .presenterSection:nth-child(odd),.presenter .presenterSection:nth-child(odd) .presenterText{align-self:flex-start}.presenter .presenterSection:nth-child(2n){align-self:flex-end}.presenter .presenterSection:nth-child(2n) .welcomeBigText5{transform:translate(-50px,-5px) skewX(-10deg)}.presenter .presenterSection:nth-child(2n) .explainImage,.presenter .presenterSection:nth-child(2n) .presenterText{align-self:flex-end}@media (orientation:landscape){.presenter{padding:50px 200px 0}.presenter .presenterSection:nth-child(2){transform:translateY(-100px)}.presenter .presenterSection:nth-child(3){transform:translateY(-200px)}.presenter .presenterSection:nth-child(2n) .imageAndTextContainer{flex-direction:row-reverse}}@media (orientation:portrait){.presenter{align-items:flex-start;flex-direction:column}.presenter .presenterSection{font-size:25px;margin:20px 0;text-align:left}.presenter .presenterSection:nth-child(2n){align-self:flex-end}}.imageAndTextContainer{display:flex}@media (orientation:landscape){.imageAndTextContainer{flex-direction:row}}@media (orientation:portrait){.imageAndTextContainer{flex-direction:column}}.explainImage{display:flex}@media (orientation:landscape){.explainImage{width:720px}}@media (orientation:portrait){.explainImage{width:100%}}.imageExplanation{font-size:16px;margin:0 20px;text-align:left}.switchContainer{position:relative}.switchContainer,.switchContainer>.or{align-items:center;display:inline-flex;justify-content:center}.switchContainer>.or{background:#fff;border:1px solid #000;border-radius:50%;color:#111;height:50px;width:50px}.switch{border:40px;color:#fff;font-family:Titillium Web;font-size:16px;margin-top:20px;position:absolute;width:-webkit-max-content;width:max-content}@media (orientation:portrait){.switch{font-size:14px}}.switch:first-child{background:purple;transform:translate(calc(-50% - 30px),-10px)}.switch:last-child{background:#08f;transform:translate(calc(50% + 30px),-10px)}.switch.selected{border:2px solid #fff;transform:scale(1)}.mailLink{color:#111;text-decoration:none}.welcomeHint1{background-color:#f10;border:1px solid #fff;font-size:18px;margin-top:20px;padding:5px 10px;transform:skewX(-10deg);width:-webkit-fit-content;width:fit-content}@media (orientation:landscape){.welcomeHint1{transform:translate(150px,-10px) skewX(-10deg)}}.welcomeHint2{background-color:#7030a0;border:1px solid #fff;font-size:18px;margin-top:10px;padding:5px 10px;transform:skewX(-10deg);width:-webkit-fit-content;width:fit-content}@media (orientation:landscape){.welcomeHint2{transform:translate(150px,-10px) skewX(-10deg)}}.bannerContainer{max-width:800px;position:relative;width:100%}.bannerContainer:before{box-shadow:0 0 5px 5px #ffffff55;left:-8px}.bannerContainer:after,.bannerContainer:before{background-color:#fff;border-radius:50%;content:"";display:inline-block;height:10px;position:absolute;top:calc(50% - 5px);width:10px;z-index:1}.bannerContainer:after{box-shadow:0 0 3px 3px #ffffff55;right:-8px}.bannerBorderContainer{animation:borderAnimation 3s ease-in-out infinite,fadeFromTop 1s ease-in-out;background:linear-gradient(45deg,#ffbc00,#fff,#ffbc00);background-position:0 0;overflow:hidden;padding:2px;width:calc(100% - 4px)}.banner,.bannerBorderContainer{-webkit-clip-path:polygon(0 50%,5px 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,5px 100%);clip-path:polygon(0 50%,5px 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,5px 100%);position:relative}.banner{background:linear-gradient(45deg,#eee,#eee,#eee);color:#171717;padding:5px 10px;text-align:center;width:calc(100% - 20px)}@media (orientation:landscape){.banner{font-size:15px}}.scrollingBanner{animation:scrollAnimation 10s linear infinite;position:relative;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.secondText{animation:scrollAnimation 10s linear 10s infinite;display:inline;left:100%;position:absolute;top:0;white-space:nowrap}@keyframes borderAnimation{0%{background-position:0 0}50%{background-position:600px 0}to{background-position:0 0}}@keyframes textAnimation{0%{opacity:0}5%{opacity:1}95%{opacity:1}to{opacity:0}}@keyframes scrollAnimation{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.polygonBg3,.statsDisplayer .statsLabel{-webkit-clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);padding:1px 20px}.statsDisplayer{align-items:center;border-radius:5px;height:100%;width:100%}.statsDisplayer,.statsDisplayer .stats{display:flex;flex-direction:column;justify-content:center;position:relative}.statsDisplayer .stats{animation:tabAppear .3s ease-in-out;background:#050505;color:#fff;flex-grow:1;height:350px;margin:5px 0;padding:10px 20px;text-align:left;width:calc(100% - 50px)}@media (orientation:landscape){.statsDisplayer .stats{max-height:100%}}.statsDisplayer .stats .infoBubble{background:#000;border:2px solid #7cd9bb;color:#7cd9bb;right:10px;top:10px}.statsDisplayer .stats .exitInfoBubble{background:#000;border:2px solid #0000;color:#7cd9bb;right:10px;top:10px}.statsDisplayer .statsRow{border-bottom:1px solid #eee;margin-top:10px;position:relative}.statsDisplayer .statsLabel{animation:labelBgAnim 4s ease-in-out infinite;background:linear-gradient(95deg,#0000,#0000 10%,#eee 11%,#eee 15%,#0000 16%,#0000 20%,#eee 21%,#eee 25%,#0000 26%,#0000 30%,#eee 31%,#eee 90%,#0000 91%,#0000);color:#171717;display:flex;flex-grow:1;padding:0 20px 0 100px;width:150px}.statsDisplayer .statsData{display:flex;justify-content:flex-end;margin-top:10px}.statsDisplayer .statsData .statsBar{animation:barAppears 1s ease-in-out;background-color:#232323;border-radius:3px;display:inline-flex;flex-grow:1;height:6px;margin:0 10px}.statsDisplayer .stats1{border-radius:3px}.statsDisplayer .stats1 .statsLabel{background:linear-gradient(95deg,#0000,#0000 10%,#ffbc00 11%,#ffbc00 15%,#0000 16%,#0000 20%,#ffbc00 21%,#ffbc00 25%,#0000 26%,#0000 30%,#eee 31%,#eee 90%,#0000 91%,#0000);padding:0 20px 0 100px}@media (orientation:landscape){.statsDisplayer .stats2{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.statsDisplayer .stats2 .statsRow{width:45%}.statsDisplayer .stats2 .statsLabel{width:auto}}.statsDisplayer .stats2 .statsLabel{background:linear-gradient(95deg,#0000,#0000 10%,#7030a0 11%,#7030a0 15%,#0000 16%,#0000 20%,#7030a0 21%,#7030a0 25%,#0000 26%,#0000 30%,#eee 31%,#eee 90%,#0000 91%,#0000)}.statsDisplayer .worldStats .statsLabel{background:linear-gradient(95deg,#0000,#0000 10%,#5d8307 11%,#5d8307 15%,#0000 16%,#0000 20%,#5d8307 21%,#5d8307 25%,#0000 26%,#0000 30%,#eee 31%,#eee 90%,#0000 91%,#0000)}.statsDisplayer .statsDisplayer .idData{align-items:center;flex-direction:row}@media (orientation:portrait){.statsDisplayer .statsDisplayer .idData{flex-direction:column}}.statsDisplayer .idStats{display:flex;flex-direction:column;flex-grow:1;justify-content:center;width:100%}.statsDisplayer .statsMenu{align-self:flex-end;display:flex;flex-flow:row nowrap;width:100%}.statsDisplayer .statsMenu .statsMenuButton{align-items:center;background:#101010;border-radius:0;display:flex;height:50px;justify-content:center;width:25%}.statsDisplayer .statsMenu .statsMenuButton:first-child{border-bottom-left-radius:5px}@media (orientation:portrait){.statsDisplayer .statsMenu .statsMenuButton:last-child{border-bottom-right-radius:5px}}.statsDisplayer .statsMenu .statsMenuButton>img{filter:invert(.8);height:30px}@media (orientation:portrait){.statsDisplayer .statsMenu .statsMenuButton>img{height:25px}}.statsDisplayer .statsMenu .statsMenuButton.active{background:#050505}.statsDisplayer .statsMenu .statsMenuButton.active img{filter:brightness(1) invert(.8) sepia(.8) hue-rotate(100deg) saturate(200%)}@keyframes tabAppear{0%{-webkit-clip-path:polygon(0 0,40% 0,calc(40% - 5px) 100%,0 100%);clip-path:polygon(0 0,40% 0,calc(40% - 5px) 100%,0 100%);opacity:0}90%{-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%);opacity:.6}to{-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 5px),0 100%);clip-path:polygon(0 0,100% 0,calc(100% - 5px),0 100%);opacity:1}}@keyframes barAppears{0%{background-position:-50px}to{background-position:0}}@keyframes statBarBlink{0%{filter:brightness(1)}50%{filter:brightness(1.5)}to{filter:brightness(1)}}@keyframes labelBgAnim{0%{background-position-x:0}50%{background-position:2px}to{background-position:0}}.playerFocus .playerName,.polygonBg4{-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%);padding:1px 20px}.playersContainer{animation:fadeFromBottom 2s ease-in-out;background:#050505dd;border-radius:5px;display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:scroll;padding:10px;scrollbar-width:thin;transition:all .5s}@media (orientation:portrait){.playersContainer{max-width:calc(100% - 20px)}}@media (orientation:landscape){.playersContainer{padding:20px}}.playersContainer .playerCard{background:#171717;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;box-shadow:0 0 1px 4px #0000;cursor:pointer;height:60px;margin:5px;min-width:60px;width:60px}@media (orientation:landscape){.playersContainer .playerCard{height:80px;margin:10px;width:80px}}.playersContainer .playerCard:hover{box-shadow:0 0 2px 2px #ffffff11}.playersContainer .playerCard.focusedCard{box-shadow:0 0 10px 2px #7cd9bb99;filter:sepia(1)}.playerFocus{animation:fade 1s ease-in-out;background:#171717;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;margin:20px 0;position:relative;width:100%}@media (orientation:portrait){.playerFocus{height:auto}}.playerFocus .playerName{animation:nameAppears 1s ease-in-out;background:#171717;color:#fff;font-size:20px;font-weight:900;left:5px;position:absolute;text-decoration:overline;text-transform:uppercase;top:5px;z-index:1}.playerFocus .infoZone{margin-top:30px}.playerVideo{background:#000;background-position:50%;background-size:cover;border:3px solid #fff;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}@media (orientation:portrait){.playerVideo{background-position:center -80px;height:100%}}@media (orientation:landscape){.playerVideo{width:500px}}.backdrop{animation:fade 1s ease-in-out;background-color:#000c;height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100vw;z-index:2000}.modal{align-items:center;animation:modalAppear .5s ease-in-out forwards;background:linear-gradient(180deg,#000 10%,#0000001a);justify-content:center;overflow-y:scroll;padding:100px 20px;z-index:2001}.closeIcon,.modal{display:flex;flex-direction:column}.closeIcon{border-radius:50%;cursor:pointer;margin-bottom:50px}.closeIcon .closeBar{background:#fff;height:3px;margin:3px 0;width:30px}.closeIcon .closeBar:first-child{transform:rotate(45deg) translateY(7px)}.closeIcon .closeBar:nth-child(2){transform:rotate(-45deg) translateY(-7px)}@keyframes modalAppear{0%{transform:scale(0)}to{transform:scale(100%)}}select option:first-child{color:#aaa}.cardStatsDisplayer .statsLabel,.cardStatsDisplayer .statsTitle,.polygonBg3{-webkit-clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);padding:1px 20px}.cardDetailsWrapper{background-color:#171717;border-radius:5px;display:flex;flex-direction:row;height:400px;margin-top:5px;position:relative;width:100%}.cardDetailsWrapper .cardImage{align-items:center;background-color:#050505;display:flex;justify-content:center;margin:10px;overflow:hidden;position:relative;z-index:1}.cardDetailsWrapper .cardImage img{animation:cardTurns 5s ease-in-out infinite;cursor:pointer}.cardDetailsWrapper .cardImage .cardImageTip{display:none;position:absolute}@media (orientation:portrait){.cardDetailsWrapper .cardImage{background-color:initial;height:60px;left:0;overflow:visible;position:absolute;top:0;width:30px}}.cardStatsDisplayer{align-items:center;border-radius:5px;height:100%;justify-content:center;width:100%}.cardStatsDisplayer,.cardStatsDisplayer .stats{display:flex;flex-direction:column;position:relative}.cardStatsDisplayer .stats{animation:tabAppear .3s ease-in-out;background:#050505;color:#fff;flex-grow:1;height:350px;margin:5px 0;padding:10px 20px;scrollbar-color:#7cd9bb #000;text-align:left;width:calc(100% - 50px)}@media (orientation:landscape){.cardStatsDisplayer .stats{max-height:100%}}.cardStatsDisplayer .stats .infoZone{overflow-y:scroll}.cardStatsDisplayer .stats .infoBubble{background:#000;border:2px solid #7cd9bb;color:#7cd9bb;right:10px;top:10px}.cardStatsDisplayer .stats .exitInfoBubble{background:#000;border:2px solid #0000;color:#7cd9bb;right:10px;top:10px}.cardStatsDisplayer .statsRow{border-bottom:1px solid #eee;margin-top:10px;position:relative}.cardStatsDisplayer .statsTitle{animation:labelBgAnim 4s ease-in-out infinite;background:#232323;color:#505050;display:flex;font-size:20px;font-weight:700;margin-bottom:10px;padding:0 20px}.cardStatsDisplayer .statsLabel{animation:labelBgAnim 4s ease-in-out infinite;background:linear-gradient(95deg,#0000,#0000 10%,#eee 11%,#eee 15%,#0000 16%,#0000 20%,#eee 21%,#eee 25%,#0000 26%,#0000 30%,#eee 31%,#eee 90%,#0000 91%,#0000);color:#171717;display:flex;flex-grow:1;overflow:hidden;padding:0 20px 0 100px;width:150px}.cardStatsDisplayer .statsData{display:flex;justify-content:flex-end;margin-top:10px}.cardStatsDisplayer .statsData .statsBar{animation:barAppears 1s ease-in-out;background-color:#232323;border-radius:3px;display:inline-flex;flex-grow:1;height:6px;margin:0 10px}.cardStatsDisplayer .stats1{border-radius:3px}.cardStatsDisplayer .stats1 .statsLabel{background:linear-gradient(95deg,#0000,#0000 10%,#ffbc00 11%,#ffbc00 15%,#0000 16%,#0000 20%,#ffbc00 21%,#ffbc00 25%,#0000 26%,#0000 30%,#eee 31%,#eee 90%,#0000 91%,#0000);padding:0 20px 0 100px}.cardStatsDisplayer .stats2 .statsLabel{background:linear-gradient(95deg,#0000,#0000 10%,#7030a0 11%,#7030a0 15%,#0000 16%,#0000 20%,#7030a0 21%,#7030a0 25%,#0000 26%,#0000 30%,#eee 31%,#eee 90%,#0000 91%,#0000)}.cardStatsDisplayer .worldStats .statsLabel{background:linear-gradient(95deg,#0000,#0000 10%,#5d8307 11%,#5d8307 15%,#0000 16%,#0000 20%,#5d8307 21%,#5d8307 25%,#0000 26%,#0000 30%,#eee 31%,#eee 90%,#0000 91%,#0000)}.cardStatsDisplayer .idStats{display:flex;flex-direction:column;flex-grow:1;width:100%}.cardStatsDisplayer .statsMenu{align-self:flex-end;display:flex;flex-flow:row nowrap;width:100%}.cardStatsDisplayer .statsMenu .statsMenuButton{align-items:center;background:#101010;border-radius:0;display:flex;height:50px;justify-content:center;width:25%}.cardStatsDisplayer .statsMenu .statsMenuButton:first-child{border-bottom-left-radius:5px}@media (orientation:portrait){.cardStatsDisplayer .statsMenu .statsMenuButton:last-child{border-bottom-right-radius:5px}}.cardStatsDisplayer .statsMenu .statsMenuButton>img{filter:invert(.8);height:30px}@media (orientation:portrait){.cardStatsDisplayer .statsMenu .statsMenuButton>img{height:25px}}.cardStatsDisplayer .statsMenu .statsMenuButton.active{background:#050505}.cardStatsDisplayer .statsMenu .statsMenuButton.active img{filter:brightness(1) invert(.8) sepia(.8) hue-rotate(100deg) saturate(200%)}@keyframes cardTurns{0%{transform:rotate3d(1,1,1,10deg)}20%{transform:rotate3d(1,1,1,-10deg)}40%{transform:rotate3d(0,1,1,-20deg)}60%{transform:rotate3d(1,1,1,-20deg)}to{transform:rotate3d(1,1,1,10deg)}}.cardsContainer{animation:fadeFromBottom 1s ease-in-out;background:#171717;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:20px;padding:10px;scrollbar-color:#111 #ffbc00;scrollbar-width:thin;transition:all 1s;width:calc(100% - 20px)}@media (orientation:landscape){.cardsContainer{margin-top:20px}}.cardsContainer .collectibleCard{animation:fadeFromLeft .5s ease-in-out forwards;border-radius:3px;cursor:pointer;margin:5px;opacity:0;position:relative;transition:all .3s}.cardsContainer .collectibleCard>img{height:144px;width:100px}.cardsContainer .collectibleCard:hover{box-shadow:0 0 5px 5px #fff3}.cardsContainer.dense{flex-wrap:nowrap;overflow-x:scroll}@media (orientation:landscape){.cardsContainer:not(.dense) .collectibleCard>img{height:360px;width:250px}}.cardsContainer::-webkit-scrollbar{height:5px}.cardsContainer::-webkit-scrollbar-track{background:#111}.cardsContainer::-webkit-scrollbar-thumb,.cardsContainer::-webkit-scrollbar-thumb:hover{background:#ffa600}.cardDisplayer{position:relative}.cardDisplayer .cardElement{border-radius:10px;height:433px;width:300px}@media (orientation:landscape){.cardDisplayer .cardElement{height:504px;width:350px}}.cardDisplayer .cardElement .cardFace{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%}.cardDisplayer .cardElement .cardRecto{animation:shadowBlinkRecto 5s ease-in-out infinite;color:red;transition:all 1s}.cardDisplayer .cardElement .cardVerso{animation:shadowBlinkVerso 5s ease-in-out infinite;background:#171717;color:#eee;font-size:14px;height:calc(100% - 40px);overflow:hidden;padding:20px 10px;position:absolute;text-align:left;transform:rotateY(180deg);transition:all 1s;width:calc(100% - 20px)}.cardDisplayer .cardElement ul{margin:0;padding-left:20px}.cardDisplayer .cardElement.turned .cardRecto{transform:rotateY(180deg)}.cardDisplayer .cardElement.turned .cardVerso{transform:rotateY(1turn)}.rotateButton{align-items:center;animation:softBlink 5s ease-in-out infinite;background:#171717;border-radius:50%;bottom:-80px;box-shadow:0 0 2px 5px;cursor:pointer;display:flex;height:50px;justify-content:center;left:calc(50% - 25px);position:absolute;width:50px}.rotateButton:hover{box-shadow:0 0 5px 5px #fff3}.rotateButton .rotateIcon{filter:brightness(1) invert(.8) sepia(.8) hue-rotate(100deg) saturate(200%)}.openModalButton{background:#171717dd;border-radius:50%;bottom:0;height:50px;position:absolute;right:0;width:50px}.openModalButton .zoomIcon{filter:brightness(1) invert(.8) sepia(.8) hue-rotate(100deg) saturate(200%);transform:scale(1);transition:all .5s}.openModalButton:hover{box-shadow:0 0 5px 5px #fff3}.openModalButton:hover .zoomIcon{transform:scale(.8)}@keyframes shadowBlinkRecto{0%{box-shadow:0 0 40px 1px #ffffff22}50%{box-shadow:0 0 40px 1px #ffffff44}to{box-shadow:0 0 40px 1px #ffffff22}}@keyframes shadowBlinkVerso{0%{box-shadow:0 0 40px 1px #7cd9bb22}50%{box-shadow:0 0 40px 1px #7cd9bb44}to{box-shadow:0 0 40px 1px #7cd9bb22}}.mapAndItemsWrapper{background-color:#add8e6;margin-top:10px;position:relative;width:100%}@media (orientation:landscape){.mapAndItemsWrapper{height:70vh;max-height:70vh;transform:translateX(-100px)}}@media (orientation:portrait){.mapAndItemsWrapper{height:40vh;max-height:40vh}}.mapContainer{animation:fade 1s ease-in-out;height:100%;width:100%}.mapTools{animation:fadeFromTop 2s ease-in-out;display:flex;gap:5px;left:5px;opacity:.8;position:absolute;top:5px;z-index:2}.mapTools>button{align-items:center;display:flex;height:45px;justify-content:center;width:45px}.mapTools>button>svg{transition:all .2s ease-in-out}.mapTools>button:hover>svg{transform:scale(.8)}.wholeMap{display:flex;flex-flow:row wrap;height:100%;justify-content:space-between;width:100%}.wholeMap .mapCell{animation:fade 1s ease-in-out;background:#81c3fc;border-radius:40%;cursor:pointer;margin:1px;position:relative;transition:all .1s ease-in-out}.wholeMap .mapCell>svg{display:none;left:-10%;position:absolute;top:-10%;transition:all .1s ease-out;width:120%}.wholeMap .mapCell>.cellIcon{position:absolute}.wholeMap .mapCell.land{background-color:#ffdb88}.wholeMap .mapCell.littoral{background-color:#81c3fc}.wholeMap .mapCell.deepWater{background-color:#0076af;transform:scale(.8)}.wholeMap .mapCell.unknown{background-color:#0076af}.wholeMap .mapCell:hover{animation:softBounce 2s ease-in-out infinite}.wholeMap .mapCell:hover>svg{display:block;opacity:.5}.wholeMap .mapCell.focusedCell{animation:softBounce 2s ease-in-out infinite;z-index:2}.wholeMap .mapCell.focusedCell>svg{display:block;filter:invert(1)}.contextBlock{background-color:#00000080;background-size:cover;color:#fff;display:flex;flex-direction:column;height:calc(90% - 20px);padding:0 10px;position:absolute;top:0;width:calc(100% - 20px);z-index:2}@media (orientation:landscape){.contextBlock{animation:fadeFromRight 1s ease-in-out;height:70vh;right:-330px;width:300px}}@media (orientation:portrait){.contextBlock{animation:fadeFromBottom 1s ease-in-out;height:-webkit-fit-content;height:fit-content;margin-top:10px;padding-bottom:20px;position:relative}}.contextBlock>h2{align-items:center;animation:fadeFromLeft .5s ease-out;background-color:#81c3fc;color:#fff;display:inline-flex;font-size:16px;font-weight:700;margin-top:20px}.contextBlock>h2.land{background-color:#8a6066}.contextBlock>h2.littoral{background-color:#81c3fc}.contextBlock>h2.deepWater,.contextBlock>h2.unknown{background-color:#0076af}.contextBlock .coordinatesBadge{align-items:center;background:#fff;border:1px solid #171717;border-radius:5px;color:#171717;display:flex;font-size:10px;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-left:auto;padding:4px;width:-webkit-fit-content;width:fit-content}.contextBlock .contextPicture{animation:fade .2s ease-out}@media (orientation:landscape){.contextBlock .contextPicture{margin-top:10px}}.contextBlock .contextDescription{background:#000c;border-radius:5px;font-size:14px;padding:10px}.mobileLandscapeMessage{display:none}@media (orientation:landscape) and (max-width:1200px){.mobileLandscapeMessage{display:flex!important}}.streamPage{align-items:center;animation:bgAppears 1s ease-in-out;background:#171717;color:#fff;display:flex;font-size:30px;height:calc(100vh - 20px);justify-content:center;position:relative;transform-origin:top right;width:calc(100vw - 20px)}.streamPage .pageContent{display:flex;height:calc(56.17978vw - 22.47191px);position:relative;width:calc(100vw - 40px)}@media (orientation:landscape) and (min-width:1200px){.streamPage .pageContent{height:44.94382vw;width:80vw}}@media (orientation:landscape) and (max-width:1200px){.streamPage .pageContent{display:none!important}}.streamPage .videoContainer{transition:all .3s ease-in-out}.streamPage .videoContainer video{background-color:#050505;transition:all .3s ease-in-out}.streamPage .videoContainer.focusedVideo{height:-webkit-fit-content;height:fit-content;left:0;top:0;width:100%}.streamPage .videoContainer:not(.focusedVideo){cursor:pointer;height:-webkit-fit-content;height:fit-content;opacity:.5;width:45%}@media (orientation:landscape){.streamPage .videoContainer:not(.focusedVideo){width:100px}}.streamPage .videoContainer:not(.focusedVideo):hover{opacity:1;transform:scale(.95)}.streamPage.test{border:10px solid #050505}.streamPage .masterVideo{animation:fade 3s ease-out;position:absolute}.streamPage .masterVideo video{border:1px solid #fff}.streamPage .masterVideo:before{background:#ffffffdd;border-radius:3px;color:#171717;content:"Master";font-size:14px;left:10px;line-height:10px;padding:4px;position:absolute;top:-25px}.streamPage .IRLPlayer1Video{animation:screenAppears1 2s ease-out;position:absolute}.streamPage .IRLPlayer1Video:before{background:#5d8307cc;border-radius:3px;color:#fff;content:"IRL_1";font-size:14px;left:10px;line-height:10px;padding:4px;position:absolute;top:-20px}.streamPage .IRLPlayer1Video video{border:1px solid #5d8307}@media (orientation:portrait){.streamPage .IRLPlayer1Video{left:0;top:-70%}}@media (orientation:portrait) and (max-height:1500px) and (min-width:1000px){.streamPage .IRLPlayer1Video{top:-50%}}@media (orientation:landscape){.streamPage .IRLPlayer1Video{left:calc(100% + 10px);top:20px}}.streamPage .IRLPlayer2Video{animation:screenAppears1 2s ease-out;position:absolute}.streamPage .IRLPlayer2Video:before{background:#7030a0cc;border-radius:3px;color:#fff;content:"IRL_2";font-size:14px;left:10px;line-height:10px;padding:4px;position:absolute;top:-20px}.streamPage .IRLPlayer2Video video{border:1px solid #7030a0}@media (orientation:portrait){.streamPage .IRLPlayer2Video{left:55%;top:-70%}}@media (orientation:portrait) and (max-height:1500px) and (min-width:1000px){.streamPage .IRLPlayer2Video{top:-50%}}@media (orientation:landscape){.streamPage .IRLPlayer2Video{left:calc(100% + 10px);top:120px}}.streamPage .inGamePlayer1Video{animation:screenAppears2 2s ease-out;bottom:-170px;left:10px;position:absolute}.streamPage .inGamePlayer1Video:before{background:#ffbc00cc;border-radius:3px;color:#fff;content:"IG_1";font-size:14px;left:10px;line-height:10px;padding:4px;position:absolute;top:-20px}.streamPage .inGamePlayer1Video video{border:1px solid #ffbc00}@media (orientation:portrait){.streamPage .inGamePlayer1Video{left:0;top:125%}}@media (orientation:portrait) and (max-height:1500px) and (min-width:1000px){.streamPage .inGamePlayer1Video{top:110%}}@media (orientation:landscape){.streamPage .inGamePlayer1Video{left:calc(100% + 10px);top:220px}}.streamPage .inGamePlayer2Video{animation:screenAppears2 2s ease-out;bottom:-170px;position:absolute;right:10px}.streamPage .inGamePlayer2Video:before{background:#79d4ffcc;border-radius:3px;color:#fff;content:"IG_2";font-size:14px;left:10px;line-height:10px;padding:4px;position:absolute;top:-20px}.streamPage .inGamePlayer2Video video{border:1px solid #79d4ff}@media (orientation:portrait){.streamPage .inGamePlayer2Video{left:55%;top:125%}}@media (orientation:portrait) and (max-height:1500px) and (min-width:1000px){.streamPage .inGamePlayer2Video{top:110%}}@media (orientation:landscape){.streamPage .inGamePlayer2Video{left:calc(100% + 10px);top:320px}}.streamPage button{background:#232323;height:32px;overflow:hidden;padding:2px;width:32px;z-index:2}.streamPage .controlBar,.streamPage button{align-items:center;display:flex;justify-content:center}.streamPage .controlBar{animation:fadeFromBottom 1s ease-out 1s forwards;background:#101010;border-radius:8px;bottom:20px;height:42px;left:0;margin:0 10px;opacity:0;position:absolute;width:calc(100% - 20px)}.streamPage .playButton{flex-grow:1}.streamPage .playButton,.streamPage .replay10sButton{border-radius:8px;margin:5px}.streamPage .resyncButton{align-self:flex-end;border-radius:8px;color:#7cd9bb;justify-self:flex-end;margin:5px 5px 5px 50px}.streamPage .exitButton{animation:fadeFromTop .5s ease-out 2s forwards;border-radius:8px;opacity:0;position:absolute;right:10px;top:10px}.streamPage .exitButton2{animation:fadeFromBottom .5s ease-out 2s forwards;border-radius:8px;bottom:10px;left:10px;opacity:0;position:absolute}.streamPage .loadingContainer{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}@keyframes screenAppears1{0%{opacity:0;transform:translateX(-50px)}50%{opacity:0;transform:translateX(-50px)}to{opacity:.5;transform:translateX(0)}}@keyframes screenAppears2{0%{opacity:0;transform:translateX(50px)}50%{opacity:0;transform:translateX(50px)}to{opacity:.5;transform:translateX(0)}}@keyframes bgAppears{0%{background-color:#17171700;border-color:#05050500;transform:scale(.8)}to{background-color:#171717;border-color:#050505;transform:scale(1)}}.bookWrapper{background-color:#000c;padding:10px}.bookWrapper h1{background-color:#ffffffe6}.bookWrapper h2{color:#fff;padding:10px;text-decoration:underline}.bookText{color:#fff}.subSection{margin-bottom:50px}.contactText,.partnersText,.privacyText{background:#111;border-radius:20px;color:#eee;margin-top:50px;padding:50px}.partnersText{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}@media (orientation:landscape){.partnersText{justify-content:flex-start}}.partnersText .roleDescription{text-align:center}.partnerName{font-weight:700}.verbatim{display:block;font-size:14px}.withVerbatim{flex-direction:column!important}.nameCard{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:flex-start;padding:20px}.nameCard img{border-radius:50%;height:50px;width:50px}.nameCard .position{border:1px solid #171717;border-radius:5px;font-weight:700;padding:1px 5px}.bookingExplanation,.bookingResult{align-items:center;background:#79d4ff;border-radius:20px;color:#111;display:flex;flex-direction:column;margin-top:50px;padding:50px 20px 20px;position:relative;width:calc(100% - 40px)}@media (orientation:landscape){.bookingExplanation,.bookingResult{padding:50px}}.explanationNumber{align-items:center;background-color:#ffbc00;border:2px solid #111;border-radius:50%;display:flex;font-size:20px;height:50px;justify-content:center;left:5%;position:absolute;top:-25px;width:50px}.explanationHint{color:#000}.stepTitle{color:#7030a0;font-family:Bungee}.codeInput,.nameInput{border:1px solid #7030a0;border-radius:50px;font-family:Bungee;font-size:18px;margin-top:20px;padding:20px;text-align:center;width:80%}.codeInput{font-size:28px}.cashInstructions{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.bookingResult{background-color:#fff}.bookingResultDate{border:2px solid #111;border-radius:15px;padding:10px 20px}.bookingResultDate,.stepNumber{align-items:center;background-color:#ffbc00;display:flex;font-size:20px;justify-content:center;left:5%;position:absolute;top:-25px}.stepNumber{border:2px solid #111;border-radius:50%;color:#7030a0;font-family:Bungee;height:50px;width:50px}.explanationHint{align-self:stretch;border-radius:10px;display:flex;font-size:12px;margin:0;padding:6px 12px}.showBookingButton{background-color:#ffe9f3;box-shadow:0 0 20px 1px #fdbeef;display:block;font-family:Titillium Web,sans-serif;font-weight:700;margin-top:20px}.showBookingButton.selected{border:5px solid #ffbc00;box-shadow:inset 0 0 5px 1px #00000022}.showBookingButtonAlone{background-color:#eee;border:0 solid #eee;color:#5d8307}.showBookingButtonGroup{background-color:#5d8307;border:0 solid #eee;color:#fff}.dateContainer{align-items:center;display:flex;justify-content:center;margin-top:20px}.dateContainer input,.dateContainer select{font-size:20px}.shareContainer{display:flex;justify-content:center;margin-top:20px;width:100%}.shareButton{cursor:pointer;margin:0 10px}.highlightText{background:#fff;border-radius:5px;margin-left:5px;padding:2px 5px;white-space:nowrap}.emailText{background:none;border:1px solid #000;border-radius:5px;color:#000;display:flex;font-family:Titillium Web;margin-top:10px;padding:10px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.paymentMethodContainer{display:inline-flex}.paymentMethod{border:40px;color:#fff;font-family:Titillium Web;margin-top:20px;transform:scale(.8);transition:.2s ease-out}.paymentMethod.card{background:purple;margin-right:20px}.paymentMethod.cash{background:#08f}.paymentMethod.selected{border:2px solid #fff;transform:scale(1)}.itemDescription{border:1px solid #000;border-radius:5px;display:flex;flex-direction:row;height:100px;margin-top:20px;padding:5px;position:relative}.itemDescription .itemText{display:flex;flex-direction:column;font-family:Titillium Web;font-size:18px;height:100%;justify-content:center;margin-left:10px}.itemDescription .itemText>div{align-items:center;display:flex}.itemDescription .itemText .separator{align-items:center;display:flex;font-family:Titillium Web;justify-content:center;margin:0 10px}.itemDescription .itemPrice{align-items:center;background:#3afff2;border:1px solid #ff00d4;border-radius:50%;color:#ff00d4;display:flex;font-family:DCCDreamer;font-size:42px;height:50px;justify-content:center;left:-20px;padding:10px;position:absolute;top:-20px;width:50px}.buyingStep{align-items:center;background:#79d4ff;border-radius:20px;color:#111;display:flex;flex-direction:column;margin-top:50px;padding:50px 20px 20px;position:relative;width:calc(100% - 40px)}@media (orientation:landscape){.buyingStep{padding:50px}}.buyingStep.disabled{opacity:.5}.fightText{color:#fff;font-family:Bungee;font-size:52px;margin-bottom:20px;text-shadow:2px 2px 5px #fff,-2px -2px 5px #fff}.hint{align-self:stretch;background-color:#c00000;border-radius:10px;color:#fff;display:flex;font-size:12px;margin:5px 0 0;padding:6px 12px}.hint.info{background-color:#7030a0}.code{border:1px solid #000;border-radius:20px;font-size:36px;padding:0 20px}.code,.codeGenerator{color:#111;font-family:Titillium Web;margin-top:20px}.codeGenerator{background:#ffbc00;border:50px}.code{font-size:130px}.App{background-blend-mode:normal;background-color:#fff;background-image:url(/static/media/mainImage_landscape.9ae9da9e45c25d6919d0.jpg);background-position:center 0;background-repeat:no-repeat;background-size:cover;font-family:Titillium Web,sans-serif;font-weight:600;height:100vh;overflow:hidden;overflow-x:hidden;overflow-y:scroll;scrollbar-color:#111 #ffbc00;scrollbar-width:thin;text-align:center;transition:all .5s}@media (orientation:landscape){.App{animation:bgMove_L 5s infinite}}@media (orientation:portrait){.App{animation:bgMove_P 5s infinite;background-image:url(/static/media/mainImage_portrait.a01db6f56420ec988a66.jpg)}}.App::-webkit-scrollbar{width:10px}.App::-webkit-scrollbar-track{background:#111}.App::-webkit-scrollbar-thumb,.App::-webkit-scrollbar-thumb:hover{background:#ffa600}@keyframes bgMove_P{0%{background-size:140%}50%{background-size:150%}to{background-size:140%}}@keyframes bgMove_L{0%{background-size:100%}50%{background-size:110%}to{background-size:100%}}.notScrollableApp{overflow:hidden}.backgroundVideo{left:auto;position:fixed;z-index:-1}@media (orientation:landscape){.backgroundVideo{width:100vw;width:auto}}@media (orientation:portrait){.backgroundVideo{height:100vh;width:auto}}h1{color:#3c3c3c;font-size:30px;font-weight:lighter;text-align:center}h2{font-size:0}h2,h3{font-weight:600;margin:0}h3{font-size:20px}small{font-size:10px}button{border:none;border-radius:5px;cursor:pointer;font-size:20px;outline:none;padding:10px;transition:all .2s ease-in-out}button:hover{filter:brightness(.9)}button:disabled{cursor:default;opacity:.1!important}select{border:none;border-radius:5px;font-family:Titillium Web;font-size:16px;font-weight:700;outline:none;padding:10px}select option:first-child(){color:#aaa}.divider{background:#fff;height:1px;margin:50px 0;width:100%}.divider.dense{margin:20px 0}.divider.invisible{background:#0000}.backPage{color:#171717aa;font-size:500px;height:100%;left:0;line-height:1em;overflow:hidden;position:absolute;top:0;width:100%;writing-mode:vertical-lr;z-index:0}@media (orientation:landscape){h1{font-size:40px}}.polygonBg1{animation:fadePolygon 1s ease-in-out;-webkit-clip-path:polygon(0 50%,5px 5px,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,5px calc(100% - 5px));clip-path:polygon(0 50%,5px 5px,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,5px calc(100% - 5px));padding:10px 50px 10px 20px;transform-origin:-30px 30px}.polygonBg1+.polygonBg1{animation:fadePolygonSub 1s ease-in-out;transform:rotate(3deg) translateY(-5px);transform-origin:-30px -30px}.polygonBg2{-webkit-clip-path:polygon(5px 50%,0 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,0 100%);clip-path:polygon(5px 50%,0 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,0 100%);padding:5px 20px}.polygonBg3{-webkit-clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);padding:1px 20px}.polygonBg4{-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%);clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,0 100%);padding:1px 20px}.chevron:before{border-style:solid;border-width:.25em .25em 0 0;content:"";display:inline-block;height:.45em;left:.15em;position:relative;top:.15em;transform:rotate(-45deg);vertical-align:top;width:.45em}.chevron.right:before{left:0;transform:rotate(45deg)}.chevron.bottom:before{top:0;transform:rotate(135deg)}.chevron.left:before{left:.25em;transform:rotate(-135deg)}.highlightedText{color:#ffbc00}.highlightedText2{color:#7030a0}.infoBubble{align-items:center;animation:lightFloat 2s ease-in-out infinite;border-radius:50%;box-shadow:0 0 2px 5px #ffffff22;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;transition:all .3s;width:20px;z-index:2}.infoBubble:hover{opacity:.6}.exitInfoBubble{align-items:center;border-radius:50%;box-shadow:0 0 2px 5px #ffffff22;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;transition:all .3s;width:20px;z-index:2}.exitInfoBubble:hover{opacity:.6}.dataStyleIcon{filter:brightness(1) invert(.8) sepia(.8) hue-rotate(100deg) saturate(200%)}@media (orientation:portrait){.portraitPaddedPage{padding-top:100px}}@keyframes turn{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fadeFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeFromBottom{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadePolygon{0%{opacity:0;transform:rotate(-30deg)}to{opacity:1;transform:rotate(0deg)}}@keyframes fadePolygonSub{0%{opacity:0;transform:rotate(-30deg)}to{opacity:1;transform:rotate(3deg)}}@keyframes blink{0%{opacity:0}50%{opacity:0}51%{opacity:1}to{opacity:1}}@keyframes softBlink{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.8)}}@keyframes softBounce{0%{opacity:.9;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.9;transform:scale(.9)}}@keyframes bookingButtonAnim{0%{box-shadow:0 5px 5px 2px #000000b3;opacity:.9;transform:scale(.98)}50%{box-shadow:0 15px 5px 5px #0000001a;opacity:1;transform:scale(1.02)}to{box-shadow:0 5px 5px 2px #000000b3;opacity:.9;transform:scale(.98)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes lightFloat{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}
/*# sourceMappingURL=main.fb734284.css.map*/