@font-face{font-family:"p";src:url(p.woff2) format("woff2");font-weight:400;font-style:normal}*{padding:0;margin:0;box-sizing:border-box;transition:all .15s linear;font-family:inherit;font-size:inherit}body,html,main{background-color:#222}body,html{background-size:10vmin 10vmin;background-image:linear-gradient(to right,rgba(0,0,0,.2) 1vmin,transparent 1vmin),linear-gradient(to bottom,rgba(0,0,0,.2) 1vmin,transparent 1vmin);overflow:hidden;text-align:center;font-family:"p",monospace;font-size:4vmin;text-shadow:rgba(255,255,255,.2) .2vmin .2vmin;--color-tA: #FFF;--color-tB: #FFF;--player-rotate: 0deg;--player-scale: 1.8}body.loading::after{position:fixed;top:35vh;left:45vw;display:block;content:"\a";width:10vw;height:10vw;clip-path:circle(50% at 50% 50%);border:1vmin solid #aaa;border-top:1vmin solid #fff;box-shadow:0 0 1rem #aaa;opacity:.8;animation:1s ease rotate infinite}main{height:90vmin;width:90vmin;margin:5vmin auto;position:relative;background-size:1% 1%;background-image:linear-gradient(to right,rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.1) 1px,transparent 1px);box-shadow:0 0 300vmin .5vmin rgba(80,100,100,.5);transition:all .7s ease}main.ended,main.ready:not(.started){filter:sepia(50%)}main:not(.ready){transform:scale(9) rotate(45deg)}main::before{content:"\a";height:1%;background-color:var(--color-tB);display:block;top:0;left:0;opacity:.5}main::after,main::before,section{position:absolute;width:100%}main::after{content:"\a";height:1%;background-color:var(--color-tA);display:block;bottom:0;left:0;opacity:.5}.ba,.bl,.p,.track{position:absolute;top:calc(var(--py)*1%);left:calc(var(--px)*1%);height:1%;width:1%}section{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}section p{font-size:150%}.l{width:50vmin;position:relative;margin-top:7vh}.l button,.p::before{position:absolute;top:0;right:0;bottom:0}.l button{margin:0;padding:0 2vmin;font-size:100%;font-weight:700}h1{font-size:500%;color:#e7ff00;text-shadow:#09624f 1vmin 1vmin}a,a:visited,section p{color:#fff}a:hover{color:#777}.sh{display:none}.p{z-index:2}.p::before{content:"\a";left:0;transform:rotate(var(--player-rotate)) scale(var(--player-scale));transition:transform .2s ease,clip-path 1s linear;background-image:linear-gradient(to bottom,rgba(0,0,0,.2) 30%,transparent 30%,transparent 70%,rgba(0,0,0,.2) 70%),linear-gradient(to left,#428def 20%,transparent 20%,transparent 100%)}.p[data-v='0']::before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 100%,25% 50%,0 0)}.p[data-v='1']::before{clip-path:polygon(0 0,100% 50%,0 100%,20% 65%,0 50%,20% 35%)}.p[data-v='6']::before{clip-path:polygon(0 0,100% 50%,0 100%,100% 80%,0 50%,100% 20%)}.p[data-v='5']::before{clip-path:polygon(0 0,10% 50%,0 100%,50% 15%,100% 50%,50% 85%)}.p[data-v='4']::before{clip-path:polygon(0 0,100% 50%,0 100%,55% 0,100% 50%,55% 100%)}.p[data-v='2']::before{clip-path:polygon(15% 0,100% 30%,100% 70%,15% 100%,0 70%,0 30%)}.p[data-v='3']::before{clip-path:polygon(70% 10%,100% 50%,70% 90%,0 100%,15% 50%,0 0)}.p::after{content:attr(data-name);position:absolute;top:-2.8vmin;left:-950%;display:block;color:#fff;width:2000%;opacity:.2;font-size:50%}.p.me::after{opacity:.8}.p.me:not([data-info=''])::after{content:attr(data-info);color:#e03639;background-color:rgba(0,0,0,.2);background-image:linear-gradient(to right,rgba(0,0,0,.7) calc(var(--energy)*1%),transparent calc(var(--energy)*1%))}.p.me .sh{display:block;height:0;width:0;position:absolute;top:50%;left:50%;box-shadow:0 0 0 0 #fff}.p.me[data-energy='100'] .sh{box-shadow:0 0 1rem .4rem var(--color-tA)}.p.me[data-energy='100'][data-team=b] .sh{box-shadow:0 0 1rem .4rem var(--color-tB)}.p.me[data-team][data-power-l=true] .sh{box-shadow:0 0 .1rem .1rem #fff;mix-blend-mode:difference}.ba{background-image:radial-gradient(#fff,#aaa);transition:all .1s ease-in;z-index:2;box-shadow:0 0 1rem .05rem #fff;border-radius:50%;transform:scale(.9)}.m,.t{position:absolute;display:block;top:-5vmin}.t{width:35vmin;color:var(--color-tA);text-align:left;left:0}.t+.t::after,.t::before{content:attr(data-name)}.t::after{content:" - " attr(data-score)}.t+.t{color:var(--color-tB);left:initial;right:0;text-align:right}.t+.t::before{content:attr(data-score) " - "}.m{width:20%;color:#fff;left:40%}.m::before{content:attr(data-time)}.m[data-ended=true]::after,.m[data-started=false]::after{position:absolute;top:10vmin;width:200%;left:-50%}.m[data-started=false]::after{content:"waiting for players\aT = switch team";white-space:pre}.m[data-ended=true]::after{content:"match ended"}.bl{background-color:#aba2a2;border:.005vmin solid #313030}.ac,.info{position:fixed;bottom:.9vmin}.info{color:#fff;text-align:right;font-size:80%;left:calc(50vw + 5vmin);width:40vmin}.ac{left:calc(50vw - 45vmin);width:50vmin}.ac.h{display:none}.ac button{line-height:2.5vmin}button{color:#428def;background-image:linear-gradient(#111,#222);border:.1vmin #747474 solid;padding:.4vmin 1vmin;float:left;margin-right:.5vmin;cursor:pointer;font-size:60%}button:hover{filter:brightness(180%)}.popup,input,select{background-image:linear-gradient(#222,#111);border:.1vmin #747474 solid;color:#fff;padding:1vmin}.popup{position:fixed;top:20vh;left:20vw;width:60vw;z-index:50;box-shadow:0 0 1vmax 1vmax rgba(0,0,0,.64);max-height:70vh;overflow:auto;transition:all .7s ease}.popup.h{top:-100vh;box-shadow:initial;opacity:0}.popup button{float:right;font-size:100%;margin:0;margin-left:.5vmin}.popup input,.popup select{margin-top:1vmin}input,select{background-color:#000;width:100%;cursor:pointer;caret-color:#bce618}button:active,button:focus,input:active,input:focus,select:active,select:focus{box-shadow:0 0 .1rem .05rem #bce618;background-image:linear-gradient(#222,#333)}.c,label{text-align:left}label{width:100%;margin-bottom:3vmin;display:block;cursor:pointer;color:#ddd}.c{position:fixed;right:1vmin;top:1vmin;bottom:1vmin;left:calc(50% + 50vmin);padding:1vmin;opacity:.55;font-size:70%;color:#fff}.c.h{display:none}.c:focus-within,.c:hover{opacity:1}.c input{bottom:0;left:0;right:0}.c input,.c ul,.ping{position:absolute}.c ul{left:0;right:0;bottom:7vmin}.c li{list-style:none}.ping{top:0;right:.6vmin;font-size:75%;color:#fff}.track{opacity:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.c .a,h3.a,tr.a{color:var(--color-tA)}.c .b,h3.b,tr.b{color:var(--color-tB)}.p[data-team=a]::before,.track.a{background-color:var(--color-tA)}.p[data-team=b]::before,.track.b{background-color:var(--color-tB)}.v,.v .s{display:flex}.v,.v .p{position:relative}.v{justify-content:space-around;align-items:center}.v .p{height:15vmin;width:15vmin}.v .p::before{background-color:#fff;animation:20s linear rotate infinite}.v .p::after{font-size:200%;top:-12vmin;width:300%;left:-90%}.v .p .sh{box-shadow:0 0 3rem 2rem rgba(255,255,255,.5)}.v .s{flex-direction:column}.v .sel{color:#394}.v .i{width:35%}.v .p.me:not([data-info=''])::after{background:0 0;color:#fff}.v p{position:relative;background:#d24c2f;width:100%;border-bottom:1.5vmin solid #b9b994;margin-bottom:1vmin}.v p::after{width:calc(var(--val)*10%);content:"\a";display:block;position:absolute;background:#4eff00;height:1.5vmin;transition:width 1s ease;bottom:-1.5vmin;left:0}table{width:100%;text-align:left;line-height:100%;font-size:80%;border-collapse:collapse}td,th{padding:.3vh}tbody tr:hover td{color:#fff;background:#222}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}