@font-face{font-family:fontello;src:url(../assets/font/fontello.eot?52279299);src:url(../assets/font/fontello.eot?52279299#iefix) format("embedded-opentype"),url(../assets/font/fontello.woff2?52279299) format("woff2"),url(../assets/font/fontello.woff?52279299) format("woff"),url(../assets/font/fontello.ttf?52279299) format("truetype"),url(../assets/font/fontello.svg?52279299#fontello) format("svg");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=" icon-"]:before{font-family:fontello;font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-cog:before{content:""}.icon-lock-open:before{content:""}.icon-left-dir:before{content:""}.icon-right-dir:before{content:""}.icon-volume-off-1:before{content:""}.icon-volume-low:before{content:""}.icon-volume-middle:before{content:""}.icon-volume-high:before{content:""}@font-face{font-family:Baloo2;src:url(../assets/fonts/Baloo2.woff2) format("woff2");font-weight:400;font-style:normal}html,body{top:0;left:0;margin:0;width:100vw;height:100vh;overflow:hidden;justify-content:center;align-items:center;-ms-user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none}button,div{font-family:Baloo2;color:#fff;font-size:max(3vmin,14px);text-shadow:0 1px 2px rgba(0,0,0,.6)}button{display:flex;padding:0;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;cursor:pointer;width:max(15vmin,92px);height:max(4vmin,24px);font-size:max(2vmin,12px);border-radius:1vmin;background-color:var(--highlight);border:none}button:after{position:absolute;background-color:#fff;content:"";height:200%;left:-50%;top:-50%;width:15%;opacity:.2;transform:rotate(35deg);transition:all 1s cubic-bezier(.19,1,.22,1)}button:hover:after{left:120%}button.disabled{pointer-events:none;background-color:#3e3e3e}select.disabled{pointer-events:none}canvas{position:fixed}#canvas{left:0;top:0}input{width:max(30vmin,160px);height:max(3.5vmin,22px);padding-left:1.5vmin;color:#fff;border-radius:1vmin;background-color:#111619bf;font-size:max(2vmin,12px);border:none}input:focus{outline:none;border:none}form{display:flex;flex-direction:column;gap:1vmin;margin:0}select{width:max(30vmin,160px);height:max(3.5vmin,22px);padding-left:1.5vmin;color:#fff;border-radius:1vmin;background-color:var(--highlight2);font-size:max(2vmin,12px);border:none;text-align:center}select option{background-color:#111619;font-size:max(1.5vmin,9px)}:root{--background: rgba(26, 33, 37, .985);--highlight: rgba(36, 73, 103, .5);--highlight2: rgba(17, 22, 25, .75);--highlight3: rgba(34, 44, 49, 1);--seperator: rgb(193, 53, 53);--red: #D6755D;--blue: #6288DE}.glassMorphism{border-radius:1.5vmin}.flexWrapper{display:flex;justify-content:center;align-items:center}.title{display:flex;justify-content:space-between;width:100%;position:relative;align-items:center;margin-bottom:1.5vmin}.title>div{display:flex;gap:1vmin}.title:after{content:"";width:100%;height:.4vmin;background-color:var(--seperator);position:absolute;bottom:-.5vmin}.inputWrapper{display:flex;gap:2vmin;padding:.75vmin;background-color:var(--highlight);justify-content:space-between;align-items:center;border-radius:1vmin;font-size:max(2vmin,12px)}#logo{position:fixed;transform:translate(-50%,-50%);top:27%;left:50%;height:15vmin}.socialButton{display:inline-block;position:fixed;bottom:1vmin;width:7vmin;height:7vmin;background-size:contain;transition:background-color .5s,box-shadow .5s;border-radius:2vmin;cursor:pointer}#discordButton{left:1vmin;background-color:#7289da;background-image:url(./discord-OsOzSYlC.png);box-shadow:inset 0 -.5vmin #46558a}#redditButton{left:9vmin;background-color:#ff5700;background-image:url(./reddit-WKlq0HWu.webp);box-shadow:inset 0 -.5vmin #b23a00}#discordButton:hover{background-color:#5869a8;box-shadow:inset 0 -.5vmin #36416a}#redditButton:hover{background-color:#e04d00;box-shadow:inset 0 -.5vmin #b23a00}#centerBox,#roomsBox,#createRoomBox,#roomPassword,#controlPannel,#settingsBox,#leaveConfirmation,#adminBox,#errorBox,#captchaBox,#connectionBox,#stadiumPicker,#locationBox,#botsBox{display:flex;position:fixed;transform:translate(-50%,-50%);flex-direction:column;align-items:center;padding:2vmin;gap:1.5vmin;top:50%;left:50%;background-color:var(--background);z-index:5}#playButton{width:100%}#howtoplay{display:flex;flex-direction:column;align-items:center;font-size:max(2vmin,12px)}#changelogBox{display:flex;position:fixed;bottom:1vmin;right:1vmin;padding:2vmin;width:max(30vmin,190px);flex-direction:column;background-color:var(--background)}#changelogContent{font-size:max(2vmin,12px)}#headlessHint{margin-top:1.5vmin;padding-top:1vmin;border-top:.2vmin solid rgba(255,255,255,.15);font-size:max(1.8vmin,11px);color:#ffffffd9}#headlessHint a{color:#fff}#roomsBox{display:none}#playerCount{font-size:max(1.75vmin,11px)}#roomSearch{width:100%;box-sizing:border-box;height:max(4vmin,26px);margin-bottom:.5vmin;padding-left:1.5vmin;font-size:max(2vmin,12px)}#roomSearch::placeholder{color:#ffffff80}#roomContent{display:flex;flex-direction:row;gap:2vmin}.list{min-height:40vmin;max-height:56vmin;overflow-y:auto;overflow-x:hidden}table{width:max(58vmin,300px);border-collapse:collapse;font-size:max(2vmin,12px);table-layout:fixed}table>thead{color:#fff;position:sticky;top:0;background-color:var(--background);border-bottom:.35vmin solid #ccc;box-sizing:border-box;z-index:1}table>tbody{margin-top:1vmin}th,td{text-align:left;font-weight:lighter;color:#fff}th:first-child,td:first-child{width:52%}th:nth-child(2),td:nth-child(2){width:16%}th:nth-child(3),td:nth-child(3){width:12%}td:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}th:last-child,td:last-child{text-align:right;white-space:nowrap}td:last-child>.flagico{vertical-align:middle}tbody tr:hover,tbody tr:focus{background-color:var(--highlight);border-radius:.2vmin}tbody tr.legacyRoom>td:first-child{opacity:.75;font-style:italic}#roomsButton{display:flex;flex-direction:column}#roomsButton>div{display:flex;flex-direction:column;gap:1vmin}#roomsButton>div:last-child{margin-top:auto}#roomsButton>div>button{border-radius:1vmin}#roomsFilter{align-self:flex-start;display:flex;gap:1vmin}#roomsFilter>button{background-color:#3e3e3e;width:max(15.5vmin,96px)}#roomsFilter>button.filtered:before{content:"✖";font-size:max(2vmin,12px);margin-top:.25vmin;margin-right:1vmin}#roomsFilter>button:before{content:"✔";font-size:max(2vmin,12px);margin-top:.25vmin;margin-right:1vmin}.room{display:flex;height:max(4vmin,24px);border-radius:2vmin;box-shadow:0 .25vmin 1vmin #00000040;background-color:#18172cbf;margin-bottom:2vmin;align-items:center;padding:1vmin}.joinRoom{height:100%;width:max(9vmin,54px);border-radius:1.5vmin;background-color:#00d084;font-size:max(2vmin,12px);margin-left:auto}#links{position:absolute;display:flex;flex-direction:row;gap:1vmin;bottom:1vmin;right:max(37vmin,220px)}#links>a{color:#fff;text-decoration:none;font-size:max(2vmin,11px)}#serverMessage{display:none;position:absolute;padding:1.5vmin;top:20%;border:.35vmin solid rgba(255,255,255,.75);font-size:max(2.5vmin,15px);text-align:center}#createRoomBox{display:none}#createRoomForm>button{width:100%}#createRoomButtons{display:flex;gap:1vmin;width:100%}#createRoomButtons>button{flex-grow:1;border-radius:1vmin}#roomPassword{display:none}#roomPassword>form{display:flex;flex-direction:column;gap:1vmin;margin:0}#joinRoomButtons{display:flex;gap:1vmin;width:100%}#joinRoomButtons>button{flex-grow:1;height:max(4vmin,24px);font-size:max(2vmin,12px);border-radius:1vmin}#controlPannel{display:none;top:6.5vmin;transform:translate(-50%);width:116vmin;max-width:96vw;max-height:calc(100vh - 28.5vmin);overflow-y:auto;box-sizing:border-box;gap:1.25vmin}#roomName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:2vmin}#roomLink,#leaveButton,#botsButton{width:max(12vmin,74px);height:max(3.75vmin,23px)}#controlPannel>.actions{display:flex;justify-content:space-between;align-items:center;width:100%;padding-left:max(12vmin,74px);box-sizing:border-box}#controlPannel>.actions button{font-weight:bolder;height:max(4.5vmin,27px);padding:0 2vmin;font-size:max(2.5vmin,15px)}#controlPannel>.actions>.teamAction{display:flex;gap:1vmin}#controlPannel>.actions button.arrow{width:max(6vmin,38px);padding:0}#controlPannel>.actions button.arrow>div{font-size:max(2.5vmin,15px)}#controlPannel>.actions button.locked{pointer-events:none;background-color:#3e3e3e;opacity:.6}#controlPannel:not(.host) .hostOnly{visibility:hidden}#teamTools{display:flex;flex-direction:column;justify-content:center;gap:1vmin;width:max(10vmin,62px);flex-shrink:0}#teamTools>button{flex-direction:column;width:100%;min-height:max(4.5vmin,27px);font-size:max(2.25vmin,14px);font-weight:bolder;line-height:1;padding:.5vmin 0}#teamTools>button>div{font-size:max(2vmin,12px)}#red{color:#ff8686}#blue{color:#b7b7ff}#controlPannel>.repartition{display:flex;gap:2vmin;width:100%}#reds,#blues,#spectators{background-color:var(--highlight2);border-radius:1.5vmin;flex:1;min-width:0;height:32vmin;overflow-y:auto}.player{display:flex;align-items:center;font-size:max(2vmin,12px);padding:1vmin 1vmin 1vmin 2vmin;background-color:var(--highlight2);justify-content:space-between}.player-info{display:flex;align-items:center;font-size:max(2vmin,12px);min-width:0}.playerName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.player-info>.flagico{flex-shrink:0}.latency{margin-left:auto;flex-shrink:0;padding-left:1vmin}.player:hover{background-color:var(--highlight)}#controlPannel>.settings{display:grid;grid-template-columns:auto 1fr;column-gap:2vmin;row-gap:.75vmin;align-items:center;padding-left:max(12vmin,74px);box-sizing:border-box;width:auto}#controlPannel>.settings>.settingRow{display:contents}#controlPannel>.settings label{font-size:max(2.25vmin,14px);white-space:nowrap}#controlPannel>.settings select{width:max(12vmin,74px);height:max(3.25vmin,20px);padding-left:.5vmin;justify-self:start}#controlPannel>.settings .settingRow:last-child{display:flex;grid-column:1 / 3;align-items:center;gap:2vmin}#stadiumName{color:#f5d76e;font-size:max(2.25vmin,14px);max-width:36vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#stadiumPick{width:max(8vmin,48px);height:max(3.25vmin,20px);font-weight:700}#controlButtons{display:flex;flex-direction:row;gap:1vmin}#controlButtons>button{width:max(18vmin,110px);height:max(4.5vmin,27px);font-size:max(2.5vmin,15px);font-weight:700}#startGame{background-color:#3a9933}#stopGame{display:none;background-color:#c13535}#pauseGame{display:none;background-color:var(--highlight)}#stadiumPicker{display:none;width:56vmin;max-width:96vw;max-height:calc(100vh - 12vmin);align-items:stretch;gap:1vmin;box-sizing:border-box}#stadiumPicker>.pickerContent{display:flex;gap:1.5vmin;height:30vmin;min-height:0}#stadiumList{flex:1;overflow-y:auto;padding:.5vmin 1vmin;background-color:var(--highlight2);border-radius:1vmin}#stadiumList>.stadiumItem{font-size:max(2vmin,12px);padding:.4vmin 1.2vmin;border-radius:.75vmin;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#stadiumList>.stadiumItem:hover{background-color:var(--highlight)}#stadiumList>.stadiumItem.selected{background-color:var(--highlight3);color:#f5d76e}#stadiumList>.stadiumItem.custom:after{content:" (custom)";font-size:max(1.75vmin,11px);opacity:.6}#stadiumPicker .pickerButtons{display:flex;flex-direction:column;gap:.8vmin;width:max(15vmin,92px)}#stadiumPicker .pickerButtons>button,#stadiumPicker .pickerFooter>button{width:100%;height:max(4vmin,24px);font-size:max(2vmin,12px);font-weight:700}#stadiumFileButton{background-color:#244967e6}#stadiumPicker>.pickerFooter{display:flex;justify-content:flex-end}#stadiumPicker>.pickerFooter>button{width:max(15vmin,92px);background-color:#244967e6}#adminBox{display:none;width:max(30vmin,210px)}#botsBox{display:none;width:48vmin;max-width:96vw;align-items:stretch;z-index:6;box-shadow:0 .5vmin 3vmin #00000080}#botsBox .botsHint{font-size:max(1.8vmin,11px);opacity:.75;margin:0 0 .5vmin}#botsList{display:flex;flex-direction:column;gap:1.2vmin}#botsList>.botRow{display:flex;align-items:center;justify-content:space-between;gap:2vmin}#botsList .botName{font-size:max(2.2vmin,13px);font-weight:700}#botsList .botDescription{font-size:max(1.8vmin,11px);opacity:.75}#botsList>.botRow>button{flex-shrink:0;width:max(10vmin,62px);height:max(4vmin,24px);font-size:max(2vmin,12px);font-weight:700;background-color:#3c8c3ce6}#locationBox{display:none;width:47vmin;top:auto;bottom:24vmin;transform:translate(-50%);height:min(60vmin,calc(100vh - 35vmin));padding:1.5vmin;align-items:stretch;gap:1vmin}#locationBox>.pickerContent{display:flex;gap:1.5vmin;flex:1;min-height:0}#locationList{flex:1;overflow-y:auto;padding:.5vmin 1vmin;min-height:0}#locationList>.locationItem{display:flex;align-items:center;font-size:max(2vmin,12px);padding:.3vmin 1vmin;border-radius:.75vmin;cursor:pointer;white-space:nowrap}#locationList>.locationItem>.flagico{flex-shrink:0}#locationList>.locationItem:hover{background-color:var(--highlight)}#locationList>.locationItem.selected{background-color:var(--highlight3)}#locationBox .pickerButtons{display:flex;flex-direction:column;gap:.8vmin;width:max(14vmin,86px)}#locationBox .pickerButtons>button{width:100%;height:max(4vmin,24px);font-size:max(2vmin,12px);font-weight:700}#locationChangeButton{background-color:var(--highlight)}#changeLocationButton{height:max(3.2vmin,19px);padding:0px 1.5vmin;font-size:max(1.9vmin,11px);font-weight:700}#settingsBox{display:none;width:47vmin;top:auto;bottom:24vmin;transform:translate(-50%);height:min(60vmin,calc(100vh - 35vmin));padding:1.5vmin;align-items:stretch;gap:.8vmin}#settingsBox>.title>span{font-size:max(2.7vmin,16px)}#settingsBox>.title{margin-bottom:1vmin}#closeSettings{width:max(9vmin,56px);height:max(3.2vmin,19px);font-size:max(2vmin,12px);border-radius:.7vmin}#settingsTabs{display:flex;justify-content:center;align-self:center;margin:.5vmin 0px 2vmin}#settingsTabs>button{width:max(10vmin,62px);height:max(3.6vmin,22px);border-radius:0;font-size:max(2vmin,12px);font-weight:700;background-color:var(--highlight);border-right:1px solid rgba(255,255,255,.08)}#settingsTabs>button:first-child{border-radius:.7vmin 0px 0px .7vmin}#settingsTabs>button:last-child{border-radius:0px .7vmin .7vmin 0px;border-right:none}#settingsTabs>button.active{background-color:#3d658ae6}#settingsContent{flex:1;min-height:0px;overflow-y:auto;padding-right:.5vmin}.settingsTab{display:none;flex-direction:column;gap:.8vmin;width:100%}.settingsTab.active{display:flex}.settingToggle{display:flex;align-items:center;gap:1.5vmin;font-size:max(2vmin,12px);min-height:max(3.3vmin,20px);padding:0px .5vmin;cursor:pointer;user-select:none;border-radius:.75vmin}.settingToggle:hover{background-color:#ffffff0d}.settingToggle>input{appearance:none;-webkit-appearance:none;width:max(2.2vmin,14px);height:max(2.2vmin,14px);margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.settingToggle>input:before{content:"✖";font-size:max(1.8vmin,11px);font-weight:700;color:#ffffffe6}.settingToggle>input:checked:before{content:"✔"}.settingRow{display:flex;align-items:center;gap:1.5vmin;font-size:max(2vmin,12px);min-height:max(3.3vmin,20px);padding:0px .5vmin}.settingRow>label{white-space:nowrap}.settingRow>select{font-family:inherit;font-size:max(2vmin,12px);color:#fff;background-color:var(--highlight);border:none;border-radius:.75vmin;padding:.4vmin 2.5vmin .4vmin 1vmin;height:max(3.3vmin,20px);width:auto;max-width:40vmin;text-align:left;text-align-last:left;cursor:pointer}#settingsTabs>button:before,#settingsTabs>button:after{display:none}.settingRow>select:hover{background-color:#3d658ae6}.settingRow>select:focus{outline:1px solid rgba(255,255,255,.3)}.settingRow>select>option{background-color:#1a2125}.settingRow>.sliderValue{min-width:5vmin;text-align:left;opacity:.9}.settingRow>input[type=range]{appearance:none;-webkit-appearance:none;width:26vmin;height:.6vmin;background:#ffffff59;border-radius:1vmin;cursor:pointer;margin:0}.settingRow>input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1.6vmin;height:2.6vmin;background:#4dabf7;border-radius:.8vmin;cursor:pointer}.settingRow>input[type=range]::-moz-range-thumb{width:1.6vmin;height:2.6vmin;border:none;background:#4dabf7;border-radius:.8vmin;cursor:pointer}.settingHint{font-size:max(1.8vmin,11px);opacity:.6}.inputRow{display:flex;flex-wrap:wrap;align-items:center;gap:.75vmin;width:100%;padding:.75vmin 1vmin;box-sizing:border-box;border-radius:.75vmin;background-color:var(--highlight3)}.inputRow.listening{outline:2px solid #4dabf7}.inputRow>.inputName{font-weight:700;font-size:max(2vmin,12px);min-width:9vmin}.inputList{display:contents}.keyBind{display:inline-flex;align-items:center;gap:.75vmin;font-size:max(2vmin,12px);border-radius:.75vmin;padding:.5vmin 1vmin;background-color:var(--highlight);cursor:pointer}.keyBind:after{content:"✖";font-size:max(1.6vmin,10px);opacity:.7}.keyBind:hover:after{opacity:1;color:#ff8a80}.addBind{font-size:max(2vmin,12px);font-weight:700;width:max(3.6vmin,24px);height:max(3.2vmin,19px);border-radius:.75vmin;background-color:var(--highlight)}#misc>.settingRow{padding:0;gap:.75vmin}#misc .locationValue{display:inline-flex;align-items:center;gap:.75vmin}#misc .locationValue>.flagico{margin-right:0}#misc>.wideButton{width:100%;height:max(4vmin,24px);font-size:max(2.2vmin,13px);font-weight:700;border-radius:.75vmin;background-color:var(--highlight)}#connectionBox{display:none;align-items:flex-start;text-align:left;width:max(35vmin,220px);height:30vmin;gap:0px}#connectionBox>.title{margin-bottom:3vmin}#connectionBox>p{text-align:left;font-size:max(2.25vmin,14px);font-weight:lighter;margin:0vmin}#errorBox{display:none;gap:0px}#errorBox>p{font-size:max(2vmin,12px);font-weight:lighter;margin:1vmin}#infos{position:fixed;display:flex;justify-content:space-between;transform:translate(-50%);left:50%;width:60vmin;align-items:center;background-color:var(--background);border-top-left-radius:0;border-top-right-radius:0;padding:1vmin 1vmin .25vmin}#scores{display:flex;gap:1vmin}.score{display:flex;align-items:center;gap:1vmin}.score.blue:before{content:"";width:3vmin;height:max(3vmin,18px);border-radius:1vmin;background:var(--blue)}.score.red:after{content:"";width:3vmin;height:max(3vmin,18px);border-radius:1vmin;background:var(--red)}#time{display:flex;justify-content:flex-end;align-items:center}#topRight{display:flex;position:fixed;top:0;right:0;border-radius:0;border-bottom-left-radius:1.5vmin;background-color:var(--background);padding:1vmin;gap:1vmin}#topRight button{width:initial;height:max(4vmin,24px);border-radius:1vmin}#topRight #controlPannelButton{width:max(10vmin,62px)}.volume-control{position:relative;display:inline-block}.volume-slider-container{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#0009;border-radius:5px;padding:5px;opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s;pointer-events:none;margin-top:0}.volume-control:hover .volume-slider-container{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s,visibility 0s}#volumeSlider{display:flex;align-items:center;overflow:hidden;margin:0;writing-mode:vertical-lr;direction:rtl;appearance:slider-vertical;width:6px;-webkit-appearance:none;height:100px;border-radius:50px;background:#707070;outline:none}#volumeSlider::-webkit-slider-thumb{-webkit-appearance:none;transform:translate(-50%) translateY(50000%) scaleY(1000);width:14px;height:1px;background:#fff;cursor:pointer}#volumeSlider::-moz-range-thumb{transform:translate(-50%) translateY(50000%) scaleY(1000);width:14px;height:1px;border-radius:50%;background:#fff;cursor:pointer;border:none}#mobileChat{opacity:0}#mobileChat:focus{opacity:1}#mobileChatButton{display:none}.draggable{cursor:move}#mobileChatBox{display:none;position:fixed;top:1vmin;left:1vmin}#chatBox>form>input{width:70vmin}#mobileChats>*{transition:opacity 5s}#chatBox{position:fixed;display:flex;flex-direction:column;transform:translate(-50%);left:50%;bottom:0;background-color:#1a2125;border-bottom-left-radius:0;border-bottom-right-radius:0;opacity:.8;height:20vmin;padding:1vmin}#chatBox.closed{transition:height .5s;height:0px}#chatBox:focus-within:not(.closed){height:var(--chat-focus-height, 20vmin)}#chatBox.fullWidth{width:100vw;box-sizing:border-box;border-radius:0}#chats{flex:1;height:15vmin;overflow-y:auto;margin-bottom:1vmin}.resizer{position:absolute;width:100%;height:10px;top:-5px;left:0;cursor:ns-resize;background:transparent}#chatBox>form{margin:0}#chatBox>form>.inputWrapper{white-space:nowrap}#chatBox>form>.inputWrapper>input{width:70vmin}.chat{font-size:max(2vmin,12px);padding:.25vmin .25vmin .25vmin 1.5vmin}.serverChat{color:#00d084}.winChat{color:red}.chat.announcement{color:#8ed0ff}.chat.bold{font-weight:700}.chat.italic{font-style:italic}.chat.small{font-size:max(1.5vmin,9px)}.player.admin>.player-info>.playerName:after{content:" ★";color:#ffd166}#adminBox>.buttons{display:flex;gap:1vmin;flex-wrap:wrap;justify-content:center}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-width:thin;scrollbar-color:#888 transparent}#goal,#win{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);font-weight:bolder;font-size:10vmin}#goal.redScore,#win.redScore{color:var(--red)}#goal.blueScore,#win.blueScore{color:var(--blue)}#leaveConfirmation{display:none;z-index:6}#leaveConfirmation>p{font-size:max(2vmin,12px);margin:0}#leaveConfirmation>.buttons{width:100%;display:flex;gap:1vmin}#leaveConfirmation>.buttons>button{flex-grow:1}.error{background-color:#ff000080;box-shadow:0 .25vmin 1vmin #ff000059}.warn{background-color:#ffff0080;box-shadow:0 .25vmin 1vmin #ffff0059}#bottom_ad{position:fixed;width:728px;height:90px;bottom:1vmin;transform:translate(-50%);left:50%;z-index:-10}#side_ad{position:fixed;width:300px;height:250px;top:50%;transform:translateY(-50%);right:1vmin;z-index:-10}#icons{position:fixed;bottom:1.75vmin;left:1.75vmin;gap:2vmin;display:flex;z-index:5;flex-direction:column}.miniButton{display:flex;justify-content:center;align-items:center;width:5vmin;height:5vmin;border-radius:1.5vmin;cursor:pointer;overflow:hidden}.miniButton svg{width:3vmin;height:max(3vmin,18px);vertical-align:middle;overflow:hidden;fill:#fff}#gameUI{display:none}body.mobile .pcOnly{display:none!important}body:not(.mobile) .mobileOnly{display:none!important}body.mobile #settingsBox,body.mobile #locationBox{top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(92vw,120vmin);height:min(88vh,96vmin)}body.mobile #logo{top:13%;height:10vmin}body.mobile #controlPannel{max-height:calc(100vh - 12vmin)}body.mobile .player{padding:.8vmin .8vmin .8vmin 1.2vmin;font-size:max(1.8vmin,11px)}body.mobile #infos{top:1.5vmin;width:auto;gap:1.2vmin;padding:0;background:transparent;justify-content:center}body.mobile #scores{display:contents}body.mobile #scores>span:nth-child(2){display:none}body.mobile #redScore{order:1}body.mobile #time{order:2;font-size:max(3.4vmin,20px);font-weight:700;color:#222;padding:.7vmin 2vmin;border-radius:1.4vmin;background:#fffffff5;box-shadow:0 .3vmin 1vmin #00000040}body.mobile #blueScore{order:3}body.mobile .score{font-size:max(3.6vmin,22px);font-weight:700;color:#fff;padding:.7vmin 2.2vmin;min-width:3.5vmin;border-radius:1.4vmin;justify-content:center;box-shadow:0 .3vmin 1vmin #00000040}body.mobile .score.red{background:var(--red)}body.mobile .score.blue{background:var(--blue)}body.mobile .score.red:after,body.mobile .score.blue:before{display:none}body.mobile #topRight{top:1.5vmin;right:1.5vmin;gap:1.2vmin;padding:0;background:transparent;align-items:center}body.mobile #topRight>button,body.mobile #topRight .volume-control>button{height:max(6vmin,36px);border-radius:1.6vmin;padding:0 2vmin;font-size:max(2.5vmin,15px);font-weight:700;box-shadow:0 .3vmin 1vmin #00000040;background-color:#1f2d38f5}body.mobile #topRight #controlPannelButton{width:auto}body.mobile #mobileChatButton{display:none!important}.shootLabel{display:none}body.mobile #mobileChatBox{display:flex;flex-direction:column-reverse;top:auto;bottom:2.5vmin;left:50%;transform:translate(-50%);width:min(50vw,96vmin);background:transparent;padding:0;gap:1.2vmin;pointer-events:none}body.mobile #mobileChatForm{pointer-events:all;width:100%}body.mobile #mobileChat{opacity:1;width:100%;box-sizing:border-box;height:auto;padding:1.8vmin 2.5vmin;border-radius:2.4vmin;background:#fffffff5;border:none;color:#2b2b2b;font-size:max(2.6vmin,15px);box-shadow:0 .4vmin 1.4vmin #00000047}body.mobile #mobileChat::placeholder{color:#8a8a8a}body.mobile #mobileChats{display:flex;flex-direction:column;justify-content:flex-end;gap:.4vmin;max-height:28vmin;overflow:hidden}body.mobile #mobileChats>*{font-size:max(2vmin,13px);text-shadow:0 .15vmin .35vmin rgba(0,0,0,.7)}body.hideChat #mobileChatBox{display:none!important}.joystick{position:fixed;width:var(--joystick-size, 25vmin);height:var(--joystick-size, 25vmin);pointer-events:all;touch-action:all;background-color:rgba(255,255,255,var(--controls-opacity, .35));border-radius:50%;bottom:5vmin;left:9vmin;transition:opacity .2s}#layoutEditBar{display:none;position:fixed;top:1vmin;left:50%;transform:translate(-50%);align-items:center;gap:1.5vmin;padding:1vmin 1.5vmin;font-size:max(2.2vmin,13px);background-color:var(--background);z-index:6}#layoutEditBar>button{width:auto;height:max(4vmin,24px);padding:0px 2vmin;font-size:max(2vmin,12px);font-weight:700}#layoutDoneButton{background-color:#3d658ae6}body.editingLayout #layoutEditBar{display:flex}body.editingLayout .joystick,body.editingLayout .shootButton{opacity:1;outline:.4vmin dashed #4dabf7;outline-offset:.5vmin}#editLayoutButton,#resetLayoutButton{width:auto;height:max(3.2vmin,19px);padding:0px 1.5vmin;font-size:max(1.9vmin,11px);font-weight:700}.joystick>div{position:absolute;width:50%;height:50%;left:50%;top:50%;pointer-events:none;border-radius:50%;background-color:rgba(255,255,255,calc(var(--controls-opacity, .35) + .15));transform:translate3d(-50%,-50%,0)}.shootButton{display:none;position:fixed;border-radius:50%;background-color:rgba(255,255,255,var(--controls-opacity, .35));width:var(--button-size, 25vmin);height:var(--button-size, 25vmin);bottom:5vmin;right:9vmin;transition:transform .08s,background-color .08s}.shootButton.pressed{transform:scale(.92);background-color:rgba(255,255,255,calc(var(--controls-opacity, .35) + .25))}.shootButton>svg{position:absolute;transform:translate(-50%,-50%);width:75%;height:75%;left:50%;top:50%}.shootButton>svg>path{fill:#fff}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both}#captchaBox{display:none}.flagico{width:16px;height:11px;background-image:url(./flags-C7MWgJoD.png);display:inline-block;margin-right:1vmin;overflow:hidden}.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-eng{background-position:-80px 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-xx1{background-position:-160px -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-wls{background-position:-32px -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-sct{background-position:-16px -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-xx2{background-position:-80px -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}#recButton{width:max(12vmin,74px);height:max(3.75vmin,23px);gap:.75vmin}#recButton>.recDot{width:1.25vmin;height:1.25vmin;border-radius:50%;background-color:#888;flex-shrink:0}#recButton.recording>.recDot{background-color:#e0352b;box-shadow:0 0 .75vmin #e0352b;animation:recBlink 1s infinite}@keyframes recBlink{50%{opacity:.35}}#replayBar{display:none;position:fixed;left:50%;bottom:2vmin;transform:translate(-50%);width:min(110vmin,96vw);flex-direction:column;gap:.75vmin;padding:1.25vmin 2vmin;box-sizing:border-box;background-color:var(--background);z-index:5}#replayTitle{font-size:max(1.75vmin,11px);opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#replayBar>.replayControls{display:flex;align-items:center;gap:1.25vmin}#replayBar button{width:max(5vmin,34px);height:max(3.75vmin,23px);flex-shrink:0;font-size:max(2vmin,12px)}#replayExit{width:max(8vmin,50px)!important;background-color:#c13535}#replayTime,#replaySpeed{font-size:max(2vmin,12px);white-space:nowrap;font-variant-numeric:tabular-nums}#replaySpeed{min-width:5vmin;text-align:center}#replaySlider{flex:1;width:auto;height:1vmin;padding:0;margin:0;accent-color:var(--seperator);background:none;cursor:pointer}body.replay #controlPannelButton,body.replay #mobileChatButton,body.replay #chatBox>form{display:none}body.haxball #controlPannel #botsButton,body.haxball #controlPannel #recButton,body.haxball #controlPannel #roomLink,body.haxball #controlPannel>#controlButtons{display:none}body.replay #chatBox{bottom:13vmin;border-radius:1.5vmin}#roomLink.copied{background-color:#2a8a4a}