html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;line-height:1}form{margin:0}fieldset{margin:0;padding:0;border:0}button,input,select,textarea{font-size:100%;font-family:inherit;margin:0;padding:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;overflow:visible}textarea{overflow:auto;vertical-align:top;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}figure{margin:0}img{-ms-interpolation-mode:bicubic;display:block}ol,ul{margin:0;padding:0}dl,dd{margin:0}li{display:block;padding:0;margin:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:inherit;line-height:inherit;font-size:inherit;margin:0}p{margin:0}blockquote{margin:0}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:inherit;font-size:inherit}cite{font-style:normal}ins{text-decoration:none}dfn{font-style:inherit}del{text-decoration:none}mark{background:none;color:inherit}address{font-style:normal}tt,code,kbd,samp{font-family:inherit;font-size:inherit}b,strong{font-weight:inherit}em{font-style:inherit}small{font-size:100%}q{quotes:none}q:before,q:after{content:"";content:none}a{font-weight:inherit;color:inherit;text-decoration:none}a:hover,a:active{outline:none}a img{border:none}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}th{font-weight:inherit}[class^=icon-]:before,[class*=" icon-"]:before{margin:0px}html{height:100%;overflow:auto;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{height:100%;font-family:"Open Sans",sans-serif;font-size:14px;line-height:1.5;color:#fff;background-color:#1e2327;background-image:linear-gradient(transparent 50%, rgba(255, 255, 255, 0.04) 50%);background-size:8px 8px}[hidden]{display:none !important}p{margin:1em 0px}a{color:#ffe7cc}a:hover{text-decoration:underline;cursor:pointer}a:visited{color:#ffcf99}strong,b{font-weight:bold}em,i{font-style:italic}h1,h2,h3,h4,h5,h6{margin:0 0 .5em 0}h4,h5,h6{font-weight:bold}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em}h4{font-size:1.17em}ul{margin:1em 0}ul li{margin:0 0 .6em 20px;display:list-item;list-style:disc outside none;padding-left:5px}ol{margin:1em 0}ol li{margin:0 0 .6em 20px;display:list-item;list-style:decimal outside none;padding-left:5px}input,select{line-height:2em;padding:0 10px;border-radius:4px;border:none;height:2em;font-weight:bold}input::placeholder{color:#888}.select{position:relative;display:inline-block;border-radius:4px;line-height:2em;height:2em;background-color:#fff}.select:hover{background-color:#e6e6e6}.select:active{background-color:#ccc}.select:disabled{background-color:#fff}.select select{-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;appearance:none;width:100%;line-height:2em;padding:0 2em 0 10px;height:2em;font-weight:bold;background-color:rgba(0,0,0,0)}.select:after{content:"";position:absolute;right:.5em;top:.9em;width:0;height:0;border:.35em solid rgba(0,0,0,0);border-top-color:#000}.slider{-webkit-appearance:none;appearance:none;width:100%;background:rgba(0,0,0,0);padding:0;width:120px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.slider:focus{outline:none}.slider::-webkit-slider-thumb{border:none;width:10px;height:16px;border-radius:7px;background:#389cdb;cursor:pointer;margin-top:-6px}.slider::-moz-range-thumb{border:none;width:10px;height:16px;border-radius:7px;background:#389cdb;cursor:pointer}.slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background-color:rgba(0,0,0,.5);cursor:pointer;border:none}.slider::-moz-range-track{height:4px;border-radius:2px;background-color:rgba(0,0,0,.5);cursor:pointer;border:none}.btn-spectating-toggle,.btn-subtle,.btn-bad,.btn-good,.btn-2,.btn-1,.btn{display:inline-block;cursor:pointer;line-height:2em;height:2em;padding:0 10px;border-radius:4px;border:none;white-space:nowrap;font-weight:bold;text-align:center}.big.btn-spectating-toggle,.big.btn-subtle,.big.btn-bad,.big.btn-good,.big.btn-2,.big.btn-1,.big.btn{font-size:1.25em}.small.btn-spectating-toggle,.small.btn-subtle,.small.btn-bad,.small.btn-good,.small.btn-2,.small.btn-1,.small.btn{font-size:.8em}.btn-spectating-toggle:disabled,.btn-subtle:disabled,.btn-bad:disabled,.btn-good:disabled,.btn-2:disabled,.btn-1:disabled,.btn:disabled{opacity:.6;cursor:default}.btn-spectating-toggle>i,.btn-subtle>i,.btn-bad>i,.btn-good>i,.btn-2>i,.btn-1>i,.btn>i{margin-right:.5em}.btn{background-color:#d3d3d3;color:#000}.btn:hover{background-color:#bababa}.btn:active{background-color:#a0a0a0}.btn:disabled{background-color:#d3d3d3}.btn-1{background-color:#389cdb;color:#fff}.btn-1:hover{background-color:#2282be}.btn-1:active{background-color:#1b6492}.btn-1:disabled{background-color:#6791ac}.btn-2{background-color:#f8da72;color:#411414}.btn-2:hover{background-color:#f6cd41}.btn-2:active{background-color:#f3c111}.btn-2:disabled{background-color:#daca90}.btn-good{background-color:#51b459;color:#fff}.btn-good:hover{background-color:#3f9346}.btn-good:active{background-color:#306f35}.btn-good:disabled{background-color:#838383}.btn-bad{background-color:#c94949;color:#fff}.btn-bad:hover{background-color:#ac3333}.btn-bad:active{background-color:#852727}.btn-bad:disabled{background-color:#9a7878}.btn-subtle{color:#fff;background-color:rgba(0,0,0,0)}.btn-subtle:hover{background-color:rgba(255,255,255,.1)}.file-btn input[type=file]{display:none}.file-btn label{width:100%;text-align:center;display:inline-block;cursor:pointer}.panel{background-color:#102027;padding:20px;border-radius:4px}.panel2{background-color:#4b5b65;padding:20px;border-radius:4px;box-shadow:0 10px 20px rgba(0,0,0,.5019607843)}.panel3,.dialog{background-color:#37474f;padding:20px;border-radius:4px;box-shadow:0 10px 20px rgba(0,0,0,.5019607843)}.centering{display:flex;flex-direction:column}.centering>div{margin:auto}.fullwindow{position:fixed;top:0;left:0;height:100vh;width:100vw;overflow:auto}.checkbox,.radio{display:block;height:2em;line-height:2em;cursor:pointer}.checkbox input,.radio input{display:none}.checkbox:hover,.radio:hover{color:#ffe7cc}.checkbox .checkmark,.radio .checkmark{position:relative;margin-right:.5em;display:inline-block;border-radius:.5em;height:1em;top:.15em;background-color:#102027;transition:background-color .1s linear}.checkbox .checkmark:after,.radio .checkmark:after{content:"";position:absolute;display:inline-block;height:1em;width:1em;border-radius:.5em;background-color:#fff;left:0}.checkbox .checkmark{width:2em}.checkbox .checkmark:after{transition:transform .1s linear}.checkbox input:checked~.checkmark{background-color:#2196f3}.checkbox input:checked~.checkmark:after{transform:translateX(1em)}.radio .checkmark{width:1em}.radio .checkmark:after{transform:scale(0)}.radio input:checked~.checkmark{background-color:#2196f3}.radio input:checked~.checkmark:after{transform:scale(0.5)}.labeled-row{display:flex;align-items:baseline;margin-bottom:1em}.labeled-row>label:first-child{min-width:var(--label-width, auto);text-align:left;font-weight:bold;padding-right:.5em}.label-grid{display:grid;grid-template-columns:auto 1fr;grid-gap:.5em;grid-row-gap:1em;align-items:baseline;justify-items:left;margin-bottom:1em}.label-grid>label{justify-self:right;font-weight:bold}.space-1em>:not(:first-child){margin-top:1em}.gap-col{display:flex;flex-direction:column;margin-top:-0.25em;margin-bottom:-0.25em}.gap-col>*{margin:.25em 0}.gap-col.center{align-items:center}.gap-row{display:flex;flex-direction:row;margin-left:-0.25em;margin-right:-0.25em}.gap-row>*{margin:0 .25em}.gap-row.center{justify-content:center}.gap-row.grow>*{flex-grow:1}.dialog{animation-name:anim;animation-duration:.3s}.dialog>:not(:first-child){margin-top:1em}@keyframes anim{from{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0px)}}.margin-center{display:block;margin-left:auto;margin-right:auto}.table{line-height:2.25em}.table thead{font-weight:bold}.table thead th{background-color:#2e3b42;position:sticky;top:0;text-align:left}.table thead th:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#50767d}.table tbody tr:nth-child(2n){background-color:rgba(0,0,0,.1)}.table tbody tr:hover{background-color:rgba(255,255,255,.05)}.table tbody tr.selected{background-color:rgba(255,255,255,.1)}.table td,.table th{padding:0 10px}.view-container{min-height:100%;display:flex}.view-container>*{margin:auto}.view-container>*.align-top{margin-top:0}.pixelated-image{image-rendering:optimizeSpeed;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.dialog-close-btn{position:absolute;top:15px;right:15px;margin:0 !important}.dialog-title{margin-top:-0.25em;max-width:80vw;overflow:hidden;white-space:nowrap}.spinner{margin:20px auto;width:50px;height:40px;display:flex;justify-content:center}.spinner>div{background-color:#fff;height:100%;width:6px;margin:2px 2px;animation:sk-stretchdelay 1.2s infinite ease-in-out}.spinner .rect2{animation-delay:-1.1s}.spinner .rect3{animation-delay:-1s}.spinner .rect4{animation-delay:-0.9s}.spinner .rect5{animation-delay:-0.8s}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.4)}20%{transform:scaleY(1)}}.flagico{width:16px;height:11px;background-image:url("images/flags.png");display:inline-block;background-position:-80px -198px}.f-id{background-position:0px 0px}.f-qa{background-position:-16px 0px}.f-ge{background-position:-32px 0px}.f-al{background-position:-48px 0px}.f-ao{background-position:-64px 0px}.f-gi{background-position:-96px 0px}.f-mt{background-position:-112px 0px}.f-tn{background-position:-128px 0px}.f-bh{background-position:-144px 0px}.f-tr{background-position:-160px 0px}.f-ye{background-position:-176px 0px}.f-pl{background-position:-192px 0px}.f-lv{background-position:0px -11px}.f-pe{background-position:-16px -11px}.f-jp{background-position:-32px -11px}.f-tt{background-position:-48px -11px}.f-pg{background-position:-64px -11px}.f-gl{background-position:-80px -11px}.f-mc{background-position:-96px -11px}.f-ch{background-position:-112px -11px}.f-ma{background-position:-128px -11px}.f-at{background-position:-144px -11px}.f-cn{background-position:-160px -11px}.f-kg{background-position:-176px -11px}.f-vn{background-position:-192px -11px}.f-dk{background-position:0px -22px}.f-sg{background-position:-16px -22px}.f-to{background-position:-32px -22px}.f-tl{background-position:-48px -22px}.f-cy{background-position:-64px -22px}.f-sy{background-position:-80px -22px}.f-eg{background-position:-96px -22px}.f-mk{background-position:-112px -22px}.f-hk{background-position:-128px -22px}.f-lb{background-position:-144px -22px}.f-pf{background-position:-160px -22px}.f-wf{background-position:-176px -22px}.f-be{background-position:-192px -22px}.f-no{background-position:0px -33px}.f-bv{background-position:-16px -33px}.f-sj{background-position:-32px -33px}.f-ug{background-position:-48px -33px}.f-es{background-position:-64px -33px}.f-tj{background-position:-80px -33px}.f-ae{background-position:-96px -33px}.f-lr{background-position:-112px -33px}.f-sd{background-position:-128px -33px}.f-it{background-position:-144px -33px}.f-de{background-position:-176px -33px}.f-mv{background-position:-192px -33px}.f-ag{background-position:0px -44px}.f-om{background-position:-16px -44px}.f-bt{background-position:-32px -44px}.f-jo{background-position:-48px -44px}.f-hu{background-position:-64px -44px}.f-va{background-position:-80px -44px}.f-pt{background-position:-96px -44px}.f-gp{background-position:-112px -44px}.f-cl{background-position:-128px -44px}.f-kw{background-position:-144px -44px}.f-ps{background-position:-160px -44px}.f-mg{background-position:-176px -44px}.f-ci{background-position:-192px -44px}.f-bn{background-position:0px -55px}.f-ie{background-position:-16px -55px}.f-af{background-position:-32px -55px}.f-eh{background-position:-48px -55px}.f-gd{background-position:-64px -55px}.f-vu{background-position:-80px -55px}.f-ne{background-position:-96px -55px}.f-lt{background-position:-112px -55px}.f-mw{background-position:-128px -55px}.f-by{background-position:-144px -55px}.f-bo{background-position:-160px -55px}.f-kn{background-position:-176px -55px}.f-bg{background-position:-192px -55px}.f-cg{background-position:0px -66px}.f-ml{background-position:-16px -66px}.f-sn{background-position:-32px -66px}.f-ir{background-position:-48px -66px}.f-yt{background-position:-64px -66px}.f-zw{background-position:-80px -66px}.f-bf{background-position:-96px -66px}.f-fo{background-position:-112px -66px}.f-cm{background-position:-128px -66px}.f-jm{background-position:-144px -66px}.f-cz{background-position:-160px -66px}.f-gh{background-position:-176px -66px}.f-dz{background-position:-192px -66px}.f-bj{background-position:0px -77px}.f-iq{background-position:-16px -77px}.f-my{background-position:-48px -77px}.f-gn{background-position:-64px -77px}.f-tg{background-position:-80px -77px}.f-gw{background-position:-96px -77px}.f-fr{background-position:-112px -77px}.f-gf{background-position:-128px -77px}.f-re{background-position:-144px -77px}.f-an{background-position:-160px -77px}.f-um{background-position:-176px -77px}.f-tv{background-position:-192px -77px}.f-il{background-position:0px -88px}.f-bd{background-position:-16px -88px}.f-tw{background-position:-32px -88px}.f-am{background-position:-48px -88px}.f-st{background-position:-64px -88px}.f-ws{background-position:-80px -88px}.f-lu{background-position:-96px -88px}.f-bi{background-position:-112px -88px}.f-pa{background-position:-128px -88px}.f-ec{background-position:-144px -88px}.f-np{background-position:-160px -88px}.f-vi{background-position:-176px -88px}.f-rs{background-position:-192px -88px}.f-dm{background-position:0px -99px}.f-gq{background-position:-16px -99px}.f-us{background-position:-32px -99px}.f-mz{background-position:-48px -99px}.f-bm{background-position:-64px -99px}.f-gy{background-position:-80px -99px}.f-ee{background-position:-96px -99px}.f-nu{background-position:-112px -99px}.f-mm{background-position:-128px -99px}.f-zm{background-position:-144px -99px}.f-ng{background-position:-160px -99px}.f-ro{background-position:-176px -99px}.f-hr{background-position:-192px -99px}.f-md{background-position:0px -110px}.f-et{background-position:-16px -110px}.f-mn{background-position:-32px -110px}.f-tm{background-position:-48px -110px}.f-sc{background-position:-64px -110px}.f-cs{background-position:-80px -110px}.f-pr{background-position:-96px -110px}.f-ad{background-position:-112px -110px}.f-kr{background-position:-128px -110px}.f-nf{background-position:-144px -110px}.f-ls{background-position:-160px -110px}.f-km{background-position:-176px -110px}.f-sz{background-position:-192px -110px}.f-py{background-position:0px -121px}.f-tz{background-position:-16px -121px}.f-in{background-position:-32px -121px}.f-sa{background-position:-48px -121px}.f-pk{background-position:-64px -121px}.f-cf{background-position:-80px -121px}.f-gm{background-position:-96px -121px}.f-ki{background-position:-112px -121px}.f-do{background-position:-128px -121px}.f-lk{background-position:-144px -121px}.f-cc{background-position:-160px -121px}.f-co{background-position:-176px -121px}.f-th{background-position:-192px -121px}.f-bs{background-position:0px -132px}.f-mr{background-position:-16px -132px}.f-bw{background-position:-32px -132px}.f-br{background-position:-48px -132px}.f-mo{background-position:-64px -132px}.f-li{background-position:-80px -132px}.f-ve{background-position:-96px -132px}.f-kp{background-position:-112px -132px}.f-sr{background-position:-128px -132px}.f-cr{background-position:-144px -132px}.f-ly{background-position:-160px -132px}.f-vc{background-position:-176px -132px}.f-ph{background-position:-192px -132px}.f-ke{background-position:0px -143px}.f-td{background-position:-16px -143px}.f-ht{background-position:-32px -143px}.f-az{background-position:-48px -143px}.f-mu{background-position:-64px -143px}.f-er{background-position:-80px -143px}.f-si{background-position:-96px -143px}.f-kh{background-position:-112px -143px}.f-is{background-position:-128px -143px}.f-mx{background-position:-144px -143px}.f-rw{background-position:-160px -143px}.f-za{background-position:-176px -143px}.f-ua{background-position:-192px -143px}.f-as{background-position:0px -154px}.f-ax{background-position:-16px -154px}.f-dj{background-position:-32px -154px}.f-ga{background-position:-48px -154px}.f-sl{background-position:-64px -154px}.f-sm{background-position:-80px -154px}.f-sk{background-position:-96px -154px}.f-se{background-position:-112px -154px}.f-sb{background-position:-128px -154px}.f-ca{background-position:-144px -154px}.f-ru{background-position:-160px -154px}.f-gb{background-position:-176px -154px}.f-me{background-position:-192px -154px}.f-pm{background-position:0px -165px}.f-la{background-position:-32px -165px}.f-ar{background-position:-48px -165px}.f-na{background-position:-64px -165px}.f-cv{background-position:-80px -165px}.f-nc{background-position:-96px -165px}.f-cu{background-position:-112px -165px}.f-uz{background-position:-128px -165px}.f-bb{background-position:-144px -165px}.f-bz{background-position:-160px -165px}.f-ni{background-position:-176px -165px}.f-gu{background-position:-192px -165px}.f-fi{background-position:0px -176px}.f-kz{background-position:-16px -176px}.f-gt{background-position:-32px -176px}.f-cx{background-position:-48px -176px}.f-aw{background-position:-64px -176px}.f-cd{background-position:-80px -176px}.f-nl{background-position:-96px -176px}.f-ba{background-position:-112px -176px}.f-sv{background-position:-128px -176px}.f-uy{background-position:-144px -176px}.f-pw{background-position:-160px -176px}.f-tk{background-position:-176px -176px}.f-mq{background-position:-192px -176px}.f-nr{background-position:0px -187px}.f-mp{background-position:-16px -187px}.f-hn{background-position:-32px -187px}.f-mh{background-position:-48px -187px}.f-tf{background-position:-64px -187px}.f-gs{background-position:-80px -187px}.f-lc{background-position:-96px -187px}.f-gr{background-position:-112px -187px}.f-fm{background-position:-128px -187px}.f-fam{background-position:-144px -187px}.f-ck{background-position:-160px -187px}.f-ky{background-position:-176px -187px}.f-io{background-position:-192px -187px}.f-so{background-position:0px -198px}.f-pn{background-position:-16px -198px}.f-tc{background-position:-32px -198px}.f-sh{background-position:-48px -198px}.f-fj{background-position:-64px -198px}.f-ai{background-position:-96px -198px}.f-vg{background-position:-112px -198px}.f-fk{background-position:-128px -198px}.f-ms{background-position:-144px -198px}.f-hm{background-position:-160px -198px}.f-au{background-position:-176px -198px}.f-nz{background-position:-192px -198px}@keyframes chat-fade-out{0%{opacity:1;visibility:visible}90%{opacity:1}100%{opacity:0}}.chatbox-view{display:flex;flex-direction:column;height:250px;padding:5px;position:relative}.chatbox-view>:not(:first-child){margin-top:5px}.chatbox-view>.log-container{position:relative;flex-grow:1;overflow:hidden;overflow-y:scroll;display:flex}.chatbox-view>.log-container>.log{overflow-wrap:break-word;margin-top:auto;line-height:1.3}.chatbox-view>.log-container>.log>div:not(:last-child){margin-bottom:3px}.chatbox-view>.log-container>.log>div{overflow:hidden}.chatbox-view>.log-container>.log>div.notice{color:#8ed2ab}.chatbox-view>.log-container>.log>div.highlight{font-weight:bold}.chatbox-view>.autocompletebox{position:absolute;background-color:#fff;line-height:25px;color:#000;top:0px;transform:translateY(-100%);left:5px;border:solid #000 1px;overflow-y:auto;overflow-x:hidden;max-height:200px}.chatbox-view>.autocompletebox>div{padding:0px 30px 0px 5px;white-space:nowrap}.chatbox-view>.autocompletebox>div:hover{background-color:#d1e2fe}.chatbox-view>.autocompletebox>div.selected{background-color:#b3c6ff}.chatbox-view.ingame{background-color:rgba(0,0,0,0);pointer-events:none}.chatbox-view.ingame>.input{position:relative;left:-1000vw}.chatbox-view.ingame:focus-within{pointer-events:auto;background-color:rgba(0,0,0,.5)}.chatbox-view.ingame:focus-within .log-container{overflow-y:scroll}.chatbox-view.ingame:focus-within .log>div{visibility:visible !important}.chatbox-view.ingame:focus-within>.input{left:0}.chatbox-view.ingame .log-container{width:600px;max-width:100vw;overflow:hidden}.chatbox-view.ingame .log{flex-shrink:0;width:600px;max-width:100vw;padding-right:20px;text-shadow:2px 2px 1px #000}.chatbox-view.ingame .log>div{visibility:hidden}.chatbox-view.ingame .log>div.new{visibility:visible}.replayer .chatbox-view{height:130px}.replayer .chatbox-view>.input{display:none}.connecting-view{width:300px}.connecting-view-log{height:200px}.game-view{position:absolute;left:0;top:0;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:stretch}.game-view:not(.self-admin) .admin-only{display:none}.game-view>.game-text{pointer-events:none;position:absolute;bottom:25%;left:50%;margin-left:-200px;width:400px;text-align:center;text-shadow:4px 4px 4px #000;font-weight:bold;font-size:20px}.game-view>.scoreboard{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;overflow-y:auto;overflow-x:hidden;pointer-events:none}.game-view>.scoreboard .scoreboard-view{margin:auto;pointer-events:auto}.game-view>.scoreboard.hidden{display:none}.game-view>.spectating{position:absolute;left:0;top:0;right:0;pointer-events:none;display:flex;justify-items:center}.game-view>.main-canvas{position:absolute;width:100%;height:100%;background-color:#222}.game-view>.main-canvas .names,.game-view>.main-canvas>canvas{position:absolute;left:50%;top:50%}.game-view>.main-canvas .names{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;overflow:hidden}.game-view>.main-canvas .names>*{position:absolute;left:0;top:0;transform-origin:0 0}.game-view>.main-canvas .names .playername>div{overflow:hidden;max-width:200px}.game-view>.main-canvas .names .playername>.icon{position:absolute;left:50%;top:-0.5em;transform:translate(-50%, -50%)}.game-view>.main-canvas canvas{image-rendering:optimizeSpeed;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.game-view>.buttons{position:absolute;right:0;top:0;padding:0 6px;white-space:nowrap;display:flex;flex-direction:row;justify-content:flex-end}.game-view>.buttons>:not(:last-child){margin-right:6px}.game-view .stats-view{position:absolute;right:0;bottom:6px}.game-view .chatbox-view{position:absolute;left:6px;bottom:6px}.game-view>[data-hook=kill-feed]{position:absolute;right:10px;top:50px;text-align:right}.game-view.replayer>.bottom-section{padding-bottom:40px}.game-view>[data-hook=popups]{z-index:2;position:absolute;padding:40px;top:0;left:0;width:100%;height:100%;background-color:rgba(75,75,75,.5);overflow:auto}.game-view>[data-hook=popups].hidden{display:none}.loader-view{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loader-view .dialog{width:300px}.stats-view{padding:5px;margin:0 5px;width:100px;white-space:nowrap;overflow:hidden;line-height:1.5em}.stats-view .graph{width:100%}.stats-view .graph canvas{width:100%;height:64px;image-rendering:optimizeSpeed;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.game-state-view{position:absolute;width:100%;height:100%}.game-state-view .bar-container{position:absolute;top:0;width:100%;display:flex;justify-content:center;z-index:1}.game-state-view .bar{display:flex;justify-content:center;background-color:#37474f;padding:5px;border-radius:0 0 5px 5px;font:900 20px Arial #000,Arial Bold,Gadget,sans-serif}.game-state-view .bar>.scoreboard{display:flex;align-items:center;margin-right:100px}.game-state-view .bar>.scoreboard .score{width:35px;overflow:hidden;text-align:center}.game-state-view .bar>.scoreboard .teamicon{width:23px;height:23px;border-radius:5px}.game-state-view .bar>.scoreboard .teamicon.blue{background-color:#5689e5}.game-state-view .bar>.scoreboard .teamicon.red{background-color:#e56e56}.game-state-view canvas{width:100%;height:100%;image-rendering:optimizeSpeed;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.game-state-view.restricted{background-color:#2e343c;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-state-view.restricted .bar-container{position:relative;height:35px}.game-state-view.restricted .bar{background:none}.game-state-view.restricted canvas{width:100%;height:calc(100% - 35px);max-width:840px;max-height:410px}.roomlist-view>.notice{position:relative;background-color:#37474f;padding:10px;box-sizing:border-box;border-radius:5px;line-height:1.5;width:100%;max-width:650px;margin-bottom:6px}.roomlist-view>.notice [data-hook=notice-close]{position:absolute;top:9px;right:7px;cursor:pointer}.roomlist-view>.notice [data-hook=notice-contents]{margin-right:20px}.roomlist-view .buttons{position:sticky;top:20px;align-self:start;display:flex;flex-direction:column;flex:0 0 auto;align-items:stretch;margin-top:-3px;margin-bottom:-3px}.roomlist-view .buttons>*{margin-top:3px;margin-bottom:3px}.roomlist-view .buttons>*{text-align:left}.roomlist-view .buttons>.spacer{height:4px;background-color:rgba(255,255,255,.1);margin:5px 5px}.roomlist-view .filters{padding:0 10px}.roomlist-view .list{-webkit-user-select:none;user-select:none;cursor:default;flex:1;display:flex;flex-direction:column}.roomlist-view .list col:nth-child(1){width:auto}.roomlist-view .list col:nth-child(2){width:68px}.roomlist-view .list col:nth-child(3){width:45px}.roomlist-view .list col:nth-child(4){width:95px}.roomlist-view .list td{white-space:nowrap;overflow:hidden}.roomlist-view .list.old{color:#bfbfbf}.roomlist-view .list .flagico{margin-right:2px}.roomlist-view .list table{table-layout:fixed;width:100%}.roomlist-view>.dialog{position:relative;max-width:650px}.roomlist-view>.dialog [data-hook=count]{position:absolute;top:20px;right:20px}.settings-view{max-width:600px;width:100%;position:relative;align-self:flex-start}.settings-view [data-hook=presskey]{position:absolute;margin:0;top:0;left:0;right:0;bottom:0;display:none;justify-content:center;align-items:center;background-color:rgba(0,0,0,.7);font-weight:bold;z-index:1}.settings-view [data-hook=presskey].show{display:flex}.settings-view .section{display:none;flex-direction:column}.settings-view .section>:not(:last-child){margin-bottom:6px}.settings-view .section.selected{display:flex}.settings-view .section .toggle{line-height:25px;cursor:default}.settings-view .section .toggle i{margin-right:5px}.settings-view .section .toggle:hover{background-color:#4c626d}.settings-view .section .loc{line-height:25px}.settings-view .section [data-hook=loc-ovr-btn]{align-self:left}.settings-view .section .inputrow{line-height:25px;margin-bottom:0;padding:6px}.settings-view .section .inputrow:nth-child(odd){background-color:#3f525b}.settings-view .section .inputrow>:first-child{display:inline-block;width:120px;font-weight:bold}.settings-view .section .inputrow>:not(:first-child){background-color:#4c626d;border-radius:7px;margin:2px 2px;padding:0px 5px;display:inline-block}.settings-view .section .inputrow>:not(:first-child):hover{background-color:#56707c}.settings-view .section .inputrow>:not(:first-child):hover .icon-cancel{opacity:1}.settings-view .section .inputrow>:not(:first-child).conflict{box-shadow:0px 0px 0px 1px red}.settings-view .section .inputrow :last-child{cursor:pointer}.settings-view .section .inputrow .icon-cancel{cursor:pointer;opacity:.6}.change-location-view{width:400px;white-space:nowrap}.change-location-view .splitter{display:flex;flex-direction:row;flex:1;min-height:0px}.change-location-view .list{-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.change-location-view .list>.elem{line-height:22px;margin-right:12px;padding-left:6px}.change-location-view .list>.elem:hover{background-color:#4c626d}.change-location-view .list>.elem.selected{background-color:#56707c}.change-location-view .buttons{align-self:start;position:sticky;top:20px;display:flex;flex-direction:column;margin-left:6px;flex:0 0 100px}.change-location-view .buttons>:not(:last-child){margin-bottom:6px}.replay-controls-view{-webkit-user-select:none;user-select:none;position:absolute;bottom:0;height:40px;width:100%;background-color:#000;display:flex;flex-direction:row;justify-content:center;align-items:center;padding-left:6px;padding-right:6px;box-sizing:border-box}.replay-controls-view>:not(:last-child){margin-right:6px}.replay-controls-view [data-hook=spd]{text-align:center;min-width:40px}.replay-controls-view [data-hook=time]{text-align:center;min-width:50px}.replay-controls-view .timebar{background-color:rgba(0,0,0,0);flex-grow:1;position:relative;height:40px;cursor:pointer}.replay-controls-view .timebar .barbg{position:absolute;height:6px;width:100%;margin:auto;background-color:#393737;top:0;bottom:0}.replay-controls-view .timebar .bar{background-color:#5c5c5c;position:absolute;left:0;top:0;bottom:0}.replay-controls-view .timebar .timetooltip{position:absolute;width:60px;background-color:#000;top:-20px;text-align:center;line-height:30px;display:none}.replay-controls-view .timebar:hover .timetooltip{display:block}.replay-controls-view .timebar .marker{width:2px;height:6px;position:absolute;top:0;bottom:0;margin:auto;background-color:#cecece}.replay-controls-view .timebar .marker.k1{background-color:#5689e5}.replay-controls-view .timebar .marker.k2{background-color:#e56e56}.scoreboard-view{line-height:1.5;font-size:14px;background-color:rgba(55,71,79,.9411764706);box-shadow:0px 10px 10px rgba(0,0,0,.5);border-radius:10px;padding:20px}.scoreboard-view .dragged-player{position:fixed;transform:translate(-50%, -50%);width:200vw;height:200vh;cursor:grabbing}.scoreboard-view .dragged-player>*{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-color:rgba(0,0,0,.5);border-radius:10px;padding:4px 10px;pointer-events:none}.scoreboard-view .teams-split{display:flex;flex-direction:row}.scoreboard-view .team-name{position:absolute;bottom:9px;left:-6px;font-size:20px;line-height:1}.scoreboard-view:not(.team-mode) .team-list.team2{display:none}.scoreboard-view .team-list{position:relative;margin-top:10px;min-width:400px;display:flex;flex-direction:column;line-height:2.4;-webkit-user-select:none;user-select:none;border-radius:4px;min-height:60px}.scoreboard-view .team-list.drag-hover{box-shadow:0 0 0 1px rgba(255,255,255,.4)}.scoreboard-view .team-list.team2{margin-left:20px}.scoreboard-view .team-list .row{padding-left:12px;display:flex;flex-direction:row}.scoreboard-view .team-list .row>:first-child{flex-grow:1;position:relative}.scoreboard-view .team-list .row>:not(:first-child){width:50px;text-align:center}.scoreboard-view .team-list .player{cursor:pointer}.scoreboard-view .team-list .player:nth-child(2n){background-color:rgba(0,0,0,.15)}.scoreboard-view .team-list .player:hover{background-color:rgba(255,255,255,.05)}.scoreboard-view .team-list .player .name-container{display:flex;align-items:center}.scoreboard-view .team-list .player .flagico{margin-right:3px}.scoreboard-view .team-list .player [data-hook=name]{flex-grow:1;max-width:250px;max-height:2.4em;overflow:hidden;white-space:nowrap}.scoreboard-view .team-list .player .icons>i{margin-left:3px}.dropmenu-view{position:fixed;color:#000;font-size:16px;line-height:2;white-space:nowrap;margin:0 !important;overflow-y:auto;overflow-x:hidden;max-height:80vh;max-width:80vw;background-color:#fff;border:5px solid #fff;border-radius:5px;box-shadow:5px 5px 10px rgba(0,0,0,.2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dropmenu-view .item{padding-left:5px;padding-right:25px;cursor:pointer}.dropmenu-view .item:hover{background-color:#ccf}.dropmenu-view .item:active{background-color:#aaf}.dropmenu-view .item>i{margin-right:6px}.dropmenu-view .spacer{margin:5px 10px;background-color:#ccc;height:3px}.game-lobby-view .player-li{padding:0 6px;display:flex;line-height:40px}.game-lobby-view .player-li .ping{width:30px}.game-lobby-view .player-li .name{flex-grow:1}.game-lobby-view .player-li:hover{background-color:gray}.game-lobby-view .level canvas{width:252px;height:175px;object-fit:contain;background-color:#000}.btn-spectating-toggle{background-color:rgba(150,150,150,.5);color:#fff;border-top-left-radius:0;border-top-right-radius:0}.btn-spectating-toggle:hover{background-color:rgba(125,125,125,.5)}.btn-spectating-toggle:active{background-color:rgba(99,99,99,.5)}.btn-spectating-toggle:disabled{background-color:rgba(150,150,150,.5)}.btn-spectating-toggle>i{margin:0px 4px}.spectating-view{margin:0px auto 40px auto;pointer-events:auto;text-align:center;text-shadow:4px 4px 4px #000}.spectating-view>.view-toggle{margin-bottom:20px}.kill-feed-view{display:flex;flex-direction:column;align-items:flex-end}.kill-feed-view>div{background-color:rgba(0,0,0,.5);border-radius:10px;height:20px;line-height:20px;padding:0 10px;margin-bottom:5px;animation-duration:.5s;animation-name:kill-feed-in}.kill-feed-view>div.fadeout{animation-duration:1s;animation-name:kill-feed-out;animation-fill-mode:forwards;animation-timing-function:linear}.kill-feed-view>div>*{max-width:250px;overflow:hidden;white-space:nowrap;display:inline-block}.kill-feed-view.teams .team1{color:#b4ffb4}.kill-feed-view.teams .team2{color:#dcdcff}.kill-feed-view .weapon{color:#ffa831;font-weight:bold}@keyframes kill-feed-in{from{opacity:0;transform:translate(100%, 0)}to{opacity:1;transform:none}}@keyframes kill-feed-out{0%{opacity:1}50%{opacity:0;height:20px;margin-bottom:5px}to{opacity:0;height:0px;margin-bottom:0px}}.main-view{display:flex;flex-direction:column;align-items:center;width:100%;align-self:flex-start;min-height:100vh}.main-view>*{flex-shrink:0}.main-view [data-hook=contents]{width:100%;display:flex}.main-view [data-hook=contents]>*{margin:0 auto}.main-view .footer{margin-top:auto;padding-top:50px}.main-view .footer a{color:#ccc}.main-view .footer a:visited{color:#bbb}.hud-view{position:absolute;left:0;top:0}.hud-view .hud-main{background-color:rgba(55,71,79,.85);box-shadow:0px 2px 5px rgba(0,0,0,.4);border-bottom-right-radius:12px;padding:10px 20px 10px 10px;display:flex;align-items:center;font-weight:bold;font-size:18px;line-height:1}.hud-view .hud-main>:not(:first-child){margin-left:15px}.hud-view .hud-main .bars{width:20vw}.hud-view .hud-main .bars>:not(:first-child){margin-top:8px}.hud-view .hud-main .bar{width:100%;height:5px;background-color:#000}.hud-view .hud-main .bar.health>div{background-color:#ff5959}.hud-view .hud-main .bar.ammo>div{background-color:#ffc77c}.hud-view .hud-main .bar>div{background-color:#fff;width:100%;height:100%;transform-origin:0% 0%}.hud-view .hud-main [data-hook=timer]{text-align:right}.hud-view .hud-main .score{padding:0 10px;display:inline-block;border-radius:4px}.hud-view .hud-main .score.t1{border-left:20px solid #90ee90}.hud-view .hud-main .score.t2{border-right:20px solid #add8e6}.hud-leaders-view{position:absolute;left:0px;top:60px;display:flex;flex-direction:column;align-items:start;white-space:nowrap}.hud-leaders-view>div{display:flex;flex-grow:0;margin-bottom:4px;background-color:rgba(0,0,0,.5);padding:3px 12px}.hud-leaders-view>div>div{margin-left:5px;max-width:250px;overflow:hidden}.hud-leaders-view>div:first-child{font-size:1.2em;padding:3px 12px}.old-version-view{position:relative;height:100vh;width:100vw}.old-version-view iframe{position:absolute;left:0;top:0;height:100%;width:100%}
