.container{display:flex;justify-content:space-between;padding-top:5%}.join-container{flex:0 0 50%;text-align:center;padding:1em;color:#dfd9d9}.logo{flex:0 0 50%;max-width:20%;min-width:250px;height:auto;margin:auto}.join-box{font-size:2em}.join-box span{padding:10px 15px;border-radius:20px;background-color:#f0f8ff;color:#00008b;font-weight:700}.join-box h2{font-size:1.5em;font-weight:700;color:#00008b}.onboarding{background-image:url(./pagup-loading-bg.D2Cof04p.png);background-size:100% 100%;background-repeat:no-repeat;background-attachment:fixed}.table{position:absolute}.table-chairs{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);z-index:-1}.table-table img{z-index:10}.table-left .table-chairs,.table-right .table-chairs{z-index:-2}.table-left .table-table,.table-right .table-table{z-index:-1}.table-left{position:absolute;top:70%;left:20%;transform:translate(-50%,-50%)}.table-mid{position:absolute;top:80%;left:50%;transform:translate(-50%,-50%)}.table-right{position:absolute;top:70%;right:0%;transform:translate(-50%,-50%)}.players img{width:10vw;height:auto;position:absolute}.player-1{position:absolute;top:15%;left:-10%;transform:translate(-50%,-50%)}.player-2{position:absolute;top:-5%;left:30%;transform:translate(-50%,-50%)}.player-3{position:absolute;top:-30%;left:50%;transform:translate(-50%,-50%)}.player-4{position:absolute;top:-10%;left:85%;transform:translate(-50%,-50%)}.player-3,.player-4{transform:scaleX(-1)}.special-players{position:absolute;top:20%;left:30%}.special-players.special-player-right{left:60%}.spotlight{position:absolute;top:25%;z-index:-5}.spotlight-left{position:absolute;top:0%;left:-10%;transform:translate(-50%,-50%);animation:spotlight-rotate-left 8s linear infinite}.spotlight-right{position:absolute;transform:translate(-50%,-50%);animation:spotlight-rotate-right 8s linear infinite}@keyframes spotlight-rotate-left{0%{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);transform-origin:0% 0%}50%{-ms-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);transform-origin:0% 0%}to{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);transform-origin:0% 0%}}@keyframes spotlight-rotate-right{0%{-ms-transform:rotate(90deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);transform-origin:0% 0%}50%{-ms-transform:rotate(165deg);-moz-transform:rotate(165deg);-webkit-transform:rotate(165deg);-o-transform:rotate(165deg);transform:rotate(165deg);transform-origin:0% 0%}to{-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);transform-origin:0% 0%}}.logo-helper{display:inline-block;height:100%;vertical-align:middle}#trophy-logo{margin:15px;max-height:80px;max-width:100%;vertical-align:middle}.header{padding-top:20px}.card{position:relative;margin:50px 15px 30px;height:80%;height:80vh!important}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotation{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.base-card{filter:brightness(50%);transition:all .5s ease}.card:before,.card:after{content:"";position:absolute;height:102%;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;z-index:-2;background:conic-gradient(from var(--gradient-angle),#cf9e41,#df7b42,#852114,#df7b42,#cf9e41);border-radius:inherit;animation:rotation 20s linear infinite}.card:after{filter:blur(12px)}.card-text{padding:25px;border:0;background:#000;background:linear-gradient(180deg,#0006,#0006 60%,#0000);position:absolute;width:100%;z-index:10}.card-header{color:#fff!important;background-color:transparent;font-size:36px;font-family:Anybody,cursive;font-weight:600}.card-owners{color:#d3d3d3;padding-left:16px}.card-video{position:absolute;z-index:0;opacity:0;width:100%;border-radius:20px;transition:opacity .5s}.card-desc{position:absolute;bottom:0%;z-index:10;height:25%;background:linear-gradient(to top,#030303,#19191ab0 60%,#01f0);mask:linear-gradient(to top,#030303 0%,#19191ab0 60%,#0011ff00 100%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.card-desc-text{padding-left:20px;padding-right:20px;margin-bottom:15px;font-size:19px;color:#fff;filter:drop-shadow(0 0 1.75rem black)}#cardHolder{position:absolute;top:10%;left:0;width:100%;height:100%;padding-top:20px;padding-left:60px;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;overflow-y:hidden;overflow-x:hidden;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(270deg,rgba(2,0,36,1) 0%,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 3%)}.image-container{width:100%;height:100%;overflow:hidden;text-align:center;display:flex;align-items:center;justify-content:center}.card-image{z-index:1;max-height:100%;width:100%;height:100%;object-fit:cover;transition:opacity .5s}.vanish{opacity:0}.unvanish{opacity:1}body{font-family:Anybody,cursive;overflow:hidden;width:100%;height:100vh;background:conic-gradient(from var(--gradient-angle),#3b1438,#270b3a,#1f0a22,#270b3a,#3b1438);border-radius:inherit;animation:rotation 20s linear infinite}#content{color:#6b1e58;font-size:80px;font-family:Anybody,cursive;font-weight:800;font-stretch:150%;font-variation-settings:"wdth" 150}#outer{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,rgba(2,0,36,1) 0%,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 5%)}#outer div{display:inline-block}#loop{white-space:nowrap;animation:loop-anim linear infinite}@keyframes loop-anim{0%{margin-left:0}to{margin-left:-50%}}.overlay{position:absolute;top:0;left:0;height:100vh;width:100vw;z-index:1;background-color:#150827;background:linear-gradient(180deg,#19055b,#2b0742 35%,#18001d)}@keyframes fadeIn{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}#trophy-icon{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);animation:floating 6s ease-in-out infinite;filter:drop-shadow(0 0 1.75rem crimson)}@keyframes floating{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-52%)}to{transform:translate(-50%,-50%)}}#font-loading{color:#13040f;z-index:-1;font-size:30vw;position:absolute;top:-10%;left:-3%;transform:skew(-14deg) rotate(-8deg);font-family:Anybody,cursive;font-weight:800;word-spacing:100vw;width:120%;line-height:.7}.overlay-black{position:absolute;top:0;left:0;height:100vh;width:100vw;z-index:999;opacity:0;background-color:#150827;display:flex;justify-content:center;align-items:center}.fade-out{animation:visualizerFadeOut .5s ease forwards}@keyframes visualizerFadeOut{0%{opacity:0}to{opacity:1}}.vote-container{position:absolute;bottom:0;right:0;font-size:40px;color:#e5d0d0;background-color:#511e4f;border:3px solid #744775;margin:30px;border-radius:40px;padding:20px 40px 20px 200px;z-index:999;font-family:Anybody,cursive}.vote-phone{position:absolute;bottom:0;left:0}.circle-container{width:200px;height:200px;font-size:40px;z-index:90}.ballot{width:35vw;max-width:300px}.voting-waiting{text-align:center;padding-bottom:10%}.voting-waiting h1{font-family:Anybody;font-weight:500;font-style:italic;color:#40446f;padding-top:25px}.and-the-winner{position:absolute;text-align:center;margin:0;padding:0;color:#cdbcd4;font-size:x-large;font-weight:700;background-color:#000;width:100vw;height:100vh;animation:fadeOut 1s ease 4s forwards;z-index:5}.and-the-winner h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:zoomInOut 5s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomInOut{0%{transform:translate(-50%,-50%) scale(0)}20%{transform:translate(-50%,-50%) scale(1)}80%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(5)}}.podiums{display:flex;justify-content:center;width:100%;position:absolute;width:100vw;align-items:center;height:100vh}.podiums-container{display:flex;justify-content:center;align-items:flex-end;padding:20px;gap:25px;height:300px;width:100%}.podium-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;max-width:200px}.podium{width:18vh;max-width:300px;height:0;background-color:#ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;animation:grow 2s ease 7s forwards;overflow:hidden}.podium-body{width:100%;height:50%;display:flex;align-items:center;justify-content:center}.podium-tier{width:80%;height:10px;border-radius:5px;text-align:center;font-size:xxx-large;font-weight:800;color:gray}.podium-name{margin-top:30px;font-size:larger;font-weight:700;text-align:center;width:100%;position:relative;color:#dbaf4e;overflow:hidden}.scroll-wrapper{white-space:nowrap;width:100%;height:100%}.podium-name span{display:inline-block;white-space:nowrap}.podium-name span.scroll{position:relative;animation:scrollText 10s linear infinite}.podium-characters{position:absolute;top:-100px;width:max-content}.podium-characters .character{max-width:80px}@keyframes scrollText{0%{transform:translate(100%)}45%{transform:translate(0)}55%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes grow{0%{height:0}to{height:calc(var(--percentage) * 3px)}}.results{width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;animation:zoomFade 1s ease-in-out}.results-text{font-size:2.5vw;padding:8%;color:#dda938;filter:drop-shadow(0 0 .75rem crimson);animation:zoomFade 1s ease-in-out}.congrats{color:#d17723;line-height:2.5vh}.winner-names{font-size:10vw}.zoomFadeOut{animation:zoomFadeOut .5s ease-in-out}.results-others{position:absolute;width:100vw;bottom:0;margin-bottom:1vw;color:gray;font-size:1.5vw;white-space:nowrap;overflow:hidden;animation:scrollMarquee 30s linear infinite}.results-overlay{position:absolute;top:0;left:0;height:100vh;width:100vw;background:linear-gradient(0deg,#19055b,#18001d00)}@keyframes scrollMarquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes zoomFade{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}body,main{padding:0!important;margin:0!important}