.player-card-footer{position:fixed;bottom:-50px;transition:all .2s ease-in-out;pointer-events:none;overflow-x:auto;height:200px}.player-card-footer .player-card{transition:all .2s ease-in-out;opacity:0}.show-card{pointer-events:visible}.show-card .player-card{animation:entrance .4s linear forwards}.player-cards:hover>.player-card-hover:not(:hover){opacity:.9}.player-card{transition:all .2s ease;cursor:pointer;position:relative;display:flex;flex-direction:column;width:70px;margin-left:2px}.player-card .player-card-hover{transition:all .1s ease-in-out;clip-path:polygon(1em 0,100% 0,100% 100%,100% 100%,0 100%,0 1em);background:repeating-linear-gradient(45deg,#151618,#151618 10px,#1c1d20 0,#1c1d20 20px)}.player-card:hover{z-index:10}.player-card:hover .player-card-hover{color:#0def94;transform:scale(1.3) translateY(-20px)}.player-card .player-card-content{gap:5px;padding:2px}.player-card img{width:65px;height:65px}.btn,.player-card img{clip-path:polygon(1em 0,100% 0,100% 100%,100% 100%,0 100%,0 1em)}.btn{color:#151618;font-size:1rem;background:repeating-linear-gradient(-45deg,#d9112f,#d9112f 10px,#d4112e 0,#d4112e 20px);pointer-events:visible}.btn .right-square{position:absolute;width:10px;height:10px;right:5px;bottom:5px;background:#151618}.btn-secondary{color:#909092;background:repeating-linear-gradient(-45deg,#151618,#151618 10px,#141517 0,#141517 20px)}.btn-secondary .right-square{background:#909092}body{font-family:Oxanium,system-ui;font-optical-sizing:auto;text-transform:uppercase}.header{background:linear-gradient(0deg,transparent,#151618)}.header .header-title{height:30px}.header .header-title .sound-button{cursor:pointer;width:20px;height:20px}.header hr{border-radius:0}.header .btn{cursor:auto}.header .countdown{font-size:20px}.header .countdown>:before{font-family:Oxanium,system-ui;line-height:.8}.header .timeline-container{position:absolute;top:60px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 5em),calc(100% - 5em) 100%,0 100%,0 0)}.header .timeline-container .timeline{opacity:0;transition:all .2s ease-in-out;-webkit-backdrop-filter:blur(10px) saturate(80%) contrast(120%);backdrop-filter:blur(10px) saturate(80%) contrast(120%)}.header .timeline-container .timeline .timeline-start{clip-path:polygon(.5em 0,100% 0,100% 100%,100% 100%,0 100%,0 .5em)}.header .timeline-container .timeline .timeline-end{width:100%;height:100%;align-items:center}.header .timeline-container .show-timeline{opacity:1}.header :where(.timeline>li){grid-template-columns:minmax(0,.23fr) auto minmax(0,1fr);height:45px}.header .header-button{height:15px;width:100px;cursor:pointer}.header .header-button .header-button-border{position:relative;clip-path:polygon(0 0,0 6px,10px 6px,10px 3.5px,30% 3.5px,40% 100%,100% 100%,100% calc(100% - 1px),calc(40% + .5px) calc(100% - 1px),calc(30% + .5px) 2.5px,10px 2.5px,10px 0,0 0);background:#d9112f;height:100%;width:100%;transition:all .2s ease}.header .header-button .header-button-text{color:#d9112f;font-size:12px;position:absolute;text-align:right;top:15px;width:inherit;height:inherit}.header .header-button:hover .header-button-border{clip-path:polygon(0 0,0 100%,10px 100%,10px 1px,30% 1px,40% 100%,100% 100%,100% calc(100% - 1px),calc(40% + .5px) calc(100% - 1px),calc(30% + .5px) 0,10px 0,10px 0,0 0)}.header.show-entrance .header-button,.header.show-entrance .header-title{pointer-events:visible}.rangeF{position:relative;background-color:rgba(231,235,238,.1)}.rangeF:before{content:"";position:absolute;top:0;left:0;width:calc(var(--p)*1%);height:100%;background-color:rgba(231,235,238,calc(var(--p) / 100));z-index:0;animation:all .5s linear forwards}.progress-pin{height:45px;width:10px;transform:skew(-10deg);background:#e7ebee}.progress-pin-red{background:rgba(217,17,47,.3)}.player-profile{height:100%;position:absolute;right:0;top:0;transition:all .2s ease-in-out}.player-profile .profile-container{width:100%;height:calc(100% - 20px);padding:20px;-webkit-backdrop-filter:blur(10px) saturate(80%) contrast(120%);backdrop-filter:blur(10px) saturate(80%) contrast(120%)}.player-profile .profile-block{border-left:1px solid #e7ebee;padding-left:5px;margin-top:10px}.player-profile{z-index:0;transform-origin:100% 0;transform:scaleY(0)}.player-profile.show-entrance{transform:scaleY(1);z-index:1}.title{cursor:pointer;border-top:1px solid #6d7c91;font-size:1rem;margin-top:10px;height:25px;line-height:25px;clip-path:polygon(0 0,100% 0,100% calc(100% - .5em),calc(100% - .5em) 100%,0 100%,0 0);background:linear-gradient(90deg,transparent,rgba(109,124,145,.6))}.viewer{width:100%;height:100%;padding:20px;position:absolute;right:0;top:0;opacity:0;pointer-events:none;transition:all .2s ease-in-out}.viewer .entrance-three{height:calc(100% - 220px)}.viewer .stream-container{height:100%;background:#000}.viewer .stream-container .stream-content{display:flex;width:auto;height:100%;justify-content:center}.viewer .stream-container iframe{width:100%;height:100%;background:#151618}.viewer .viewer-bottom{height:200px;width:100%;bottom:0}.viewer .viewer-bottom .viewer-map{height:200px;border:4px solid #6d7c91;pointer-events:visible}.viewer .viewer-bottom .viewer-map canvas{width:100%;height:100%}.viewer.show-entrance{opacity:1}.messages{height:calc(100% - 150px)}input{background:#212226;height:35px;padding-left:5px;color:#909092;outline:none;border-bottom:1px solid #d9112f;pointer-events:visible}@keyframes entrance{0%,10%,30%,50%,70%,90%{opacity:0}20%,40%,60%,80%,to{opacity:1}}.entrance .entrance-one,.entrance .entrance-three,.entrance .entrance-two,.entrance .entrance-zero{opacity:0;pointer-events:none}.show-entrance .entrance-zero{animation:entrance .4s linear 0ms forwards}.show-entrance .entrance-one{animation:entrance .4s linear .2s forwards}.show-entrance .entrance-two{animation:entrance .4s linear .5s forwards}.show-entrance .entrance-three{animation:entrance .4s linear .8s forwards}.dialog{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .2s ease;z-index:0;transform-origin:100% 0;transform:scaleY(0)}.dialog .icon-close{z-index:10}.dialog .dialog-container{overflow:auto;background:linear-gradient(0deg,#151618,#212226);height:100%}.dialog .dialog-title{position:absolute;top:35px;left:70px}.dialog-show{transform:scaleY(1);z-index:1}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.layer{clip-path:polygon(2em 0,100% 0,100% calc(100% - 2em),calc(100% - 2em) 100%,0 100%,0 2em)}.border-top-left{height:50px;position:absolute;width:100%;background:#d9112f;clip-path:polygon(1em 0,calc(1em + 5px) 0,0 calc(1em + 5px),0 1em)}.vote{width:90%;height:90%;position:absolute;left:5%;top:5%;padding:10px;transition:all .2s ease-in-out}.vote-result{position:relative;top:2px}.vote-result .rangeF{height:65px}