html,body{background-color:#768f5a;overflow:hidden;cursor:url(/sprites/cursor.png) 16 16,auto}@font-face{font-family:GameFont;font-size:8px;src:url(/img/font8.ttf)}*{font-family:GameFont;line-height:30px;color:#353535;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html,body{width:100%;height:100%;margin:0;padding:0}input[type=text],input[type=password]{-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}a:link{color:#353535;text-decoration:none}a:visited{color:#353535}a:hover,a:active{color:#167ac6;text-decoration:underline}input:focus{outline:none}#hoverDisplay{display:none;position:absolute;width:300px;z-index:100;background-color:#000000b3;padding:10px;pointer-events:none}.hoverTitle{margin-top:-5px;vertical-align:top;color:#fff;font-size:25px}.hoverInfo{vertical-align:top;display:inline-block;margin-left:10px}.hoverDescLight{margin-top:-5px;color:#fff6;font-size:20px}.hoverDescdark{margin-top:-5px;color:#0006;font-size:20px}.hoverImg{vertical-align:top;background-color:#fff3;display:inline-block;height:70px;width:70px;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}#mainMenuContainer{text-align:center;z-index:10;position:absolute;width:1050px;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%) scale(1);-webkit-font-smoothing:subpixel-antialiased;filter:blur(0);-webkit-filter:blur(0px);-moz-filter:blur(0px);-ms-filter:blur(0px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius="0")}.mainMenuSub{display:inline-block;vertical-align:top}.menuCard{width:300px;height:auto;padding:10px;background-color:#fff;-moz-box-shadow:0px 7px #c2c2c2;-webkit-box-shadow:0px 7px #c2c2c2;box-shadow:0 7px #c2c2c2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:5px 5px 18px;-webkit-overflow-scrolling:touch}#gameName{pointer-events:none;color:#fff;font-size:200px;margin-bottom:62px}#roundTimerMenu{display:none;position:absolute;left:10px;top:10px;color:#fff;font-size:30px}@supports (padding: max(0px)){#roundTimerMenu{left:max(10px,env(safe-area-inset-left))}}#playerCard{position:relative;padding-bottom:0}#adCard{height:250px!important}#settingsContainer{display:none;position:absolute;top:10px;right:10px;text-align:right;font-size:30px;color:#fff}.xpBar{flex:1;height:14px;background:#e2e2e2;border-radius:7px;overflow:hidden;box-shadow:inset 0 1px 2px #00000026}.xpFill{height:100%;background:#4a90e2;transition:width .3s ease}@supports (padding: max(0px)){#settingsContainer{right:max(10px,env(safe-area-inset-right))}}.settingsIcon{display:inline-block;cursor:pointer}#soundSetting{cursor:pointer}.menuButton{cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;width:100%;font-size:25px;font-weight:700;background-color:#353535;padding:5px}.menuButton:hover{opacity:.85}#infoCard{position:relative;height:250px;overflow-y:auto;text-align:left}.infoClose{position:absolute;top:5px;right:5px;cursor:pointer;font-size:20px;z-index:1}.infoHeader{padding-bottom:5px;font-size:24px;font-weight:700}.infoText{color:gray;font-size:20px;font-weight:700}.settingsOption label{display:flex;align-items:center;gap:6px}.settingsOption input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid #4a90e2;border-radius:3px;position:relative;cursor:pointer}.settingsOption input[type=checkbox]:checked{background-color:#4a90e2}.settingsOption input[type=checkbox]:checked:after{content:"";position:absolute;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;top:2px;left:5px;transform:rotate(45deg)}.menuSelector{font-weight:700;cursor:pointer;font-size:20px}.menuSelector:hover{background-color:#0003;padding-left:5px}.selectedMenuSelector{cursor:default;color:#4b4b4b;font-size:20px;font-weight:700}.subMenuSelector{color:gray;font-size:20px;font-weight:700;cursor:pointer}.subMenuSelector:hover{background-color:#0003}#downloadButtonContainer{display:block;text-align:center;padding-bottom:0;margin-top:14px}#downloadButtonContainer.cordova{display:none}#mobileDownloadButtonContainer{display:none;text-align:center;padding-bottom:0;margin-top:14px}#mobileDownloadButtonContainer.cordova{display:none}.downloadBadge{margin:0 6px}.downloadBadge img{height:40px}#mobileDownloadButtonContainer .downloadBadge img{height:60px}#shareContainer{position:absolute;bottom:60px;left:10px;color:#fff;font-size:30px}.shareText{cursor:pointer;color:#167ac6}.shareText:hover{text-decoration:underline}#shareLink{display:none;position:absolute;top:66px;right:10px;text-align:right}#shareLink *{color:#d3d3d3;font-size:20px}#createContainer{z-index:10;font-weight:700;padding:10px;position:absolute;bottom:0;left:0;font-size:22px;-webkit-border-radius:0 3px 0 0;-moz-border-radius:0 3px 0 0;border-radius:0 3px 0 0;background-color:#fff}#linksContainer{z-index:10;font-weight:700;padding:10px;position:absolute;bottom:0;right:0;font-size:22px;-webkit-border-radius:3px 0 0 0;-moz-border-radius:3px 0 0 0;border-radius:3px 0 0;background-color:#fff}@supports (padding: max(0px)){#linksContainer{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom))}}#createContainerMobile{display:none}#darkener{position:absolute;width:100%;height:100%;background-color:#00000059}#loadingContainer{width:100%;z-index:15;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}#loadingText{text-align:center;font-size:60px;font-weight:700;color:#fff}#loadingError{touch-action:initial;-webkit-touch-callout:initial;-webkit-user-select:initial;-khtml-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial;resize:none;width:256px;height:256px;font-family:\"Lucida Console\",\"Courier New\",monospace;color:#d3d3d3;background:#0006;border-radius:4px;margin-top:24px;overflow-wrap:break-word;text-align:left;overflow-y:scroll}#loadingSubtext{text-align:center;font-size:20px;font-weight:700;color:#fff;margin-top:24px}#reloadButton{width:120px;margin-top:20px;margin-left:auto;margin-right:auto}#nameInputParent{position:relative;height:39px}#nameInput{position:absolute;left:0;width:70%;top:0;height:100%;bottom:0;margin:0;border:none;outline:none;text-align:center;padding:5px;font-size:22px;font-weight:700;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#d9d9d9}#goButton{position:absolute;right:0;top:0;bottom:0;width:calc(30% - 10px)}.accInput{margin-bottom:10px;width:100%;border:none;outline:none;padding:5px;font-size:22px;text-align:left;font-weight:700;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#d9d9d9}.accButton{text-align:center;display:inline-block;font-size:22px;padding:5px}#accResp{font-size:21px;margin-bottom:5px;color:gray}.accItem{color:gray;font-size:21px}#mainCanvas{cursor:url(/web/20240124155442im_/https://foes.io/images/cursor.png) 17 17,default;position:absolute;width:100%;height:100%;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:-o-crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}#spectateContainer{display:none;pointer-events:none}#spectateText{text-align:center;position:absolute;line-height:normal;bottom:30px;width:100%}#endButtonHolder{position:absolute;bottom:20px;right:20px}@supports (padding: max(0px)){#endButtonHolder{bottom:max(20px,env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right))}}.endButton{display:inline-block;cursor:pointer;pointer-events:all;padding:12px;font-size:35px;color:#fff;background-color:#0000004d}#returnButton:hover{background-color:#0003}#roundInfo{position:absolute;bottom:20px;left:18px;line-height:normal}@supports (padding: max(0px)){#roundInfo{bottom:max(20px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left))}}#tokenCount{margin-left:10px;display:inline-block;color:#fff6;font-size:40px}#rankCount{display:inline-block;color:#fff;font-size:120px}#uiContainer{pointer-events:none;position:absolute;width:100%;height:100%}#sharedUI{display:block}#minimap{pointer-events:none;position:absolute;top:20px;left:20px;width:120px;height:120px;background-color:#0003}#networkStats{position:absolute;top:20px;left:145px;color:#fff;font-size:14px;line-height:1;padding:2px 3px;pointer-events:none}#borderTimer{color:#fff;font-size:30px;text-align:left;pointer-events:none;position:absolute;top:150px;left:20px}#voiceDisplay{display:none;position:absolute;top:20px;left:150px}#infoDisplay{text-align:left;display:none;padding:10px;background-color:#0003;position:absolute;color:#fff;font-size:30px;top:20px;left:160px}.infoDSub{color:#fff6;font-size:25px}#killTextCont{position:absolute;line-height:normal;top:60px;width:100%;text-align:center;color:#fff}#killText{color:#fff;display:none}#killInfo{margin-top:40px;color:#ffffff80;display:none}.effectIconG{margin:5px;display:inline-block}.pTimer{font-size:20px;color:#fff}.effectIcon{width:60px;height:60px}#effectsList{margin-bottom:1px}#roundTimerDisplay{font-size:40px;width:100%;text-align:center;position:absolute;top:25px;color:#fff}#matchOverText{margin-top:15px;color:#fff;font-size:40px}#matchOverContainer{position:absolute;top:18px;width:100%;text-align:center}#inGameAd{pointer-events:all;padding:5px;display:inline-block;background-color:#00000040}#deathMessage{display:none;color:#fff;background-color:#00000040;width:100%;line-height:normal;position:absolute;padding:0;text-align:center;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);pointer-events:none}#gameOverMessage{display:none;font-size:180px;color:#fff;width:100%;line-height:normal;position:absolute;padding:0;text-align:center;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);pointer-events:none}#ammoDisplay{background-color:#0003;position:absolute;bottom:20px;right:20px;padding:12px;font-size:35px;color:#fff}#interactButton{position:absolute;width:270px;bottom:88px;right:20px;text-align:center;line-height:50px;font-size:35px;pointer-events:all}#weaponDisplay{position:absolute;bottom:10px;left:10px}.weaponItem{text-align:center;margin-left:10px;margin-right:10px;display:inline-block;width:65px;height:65px;background-color:#0003;overflow:hidden}.activeWpn{width:75px;height:75px}#playerCount{background-color:#0003;padding:12px;font-size:35px;color:#fff;display:inline-block}#killCount{display:inline-block;margin-right:20px;background-color:#0003;padding:12px;font-size:35px;color:#fff}#topMenuContainer{position:absolute;pointer-events:none;top:24px;right:20px}#weaponInventoryBar{position:absolute;left:20px;bottom:20px;display:flex;gap:10px;z-index:50}#backpackSlot{position:absolute;top:-60px;left:0}.backpackSlot{width:40px;height:40px;background:#0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden}.backpackSlot img{max-width:100%;max-height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:crisp-edges}.weaponSlot{width:50px;height:50px;background:#0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .1s}.weaponSlot img{max-width:100%;max-height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:crisp-edges}.weaponSlot.selected{transform:scale(1.15)}.middleText{position:absolute;top:3%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#fff;text-align:center;font-family:GameFont}#connectionStatus{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000b3;color:#fff;font-size:32px;z-index:1000}#gameCanvas{width:100%;height:100%}#gameName{text-shadow:0 6px rgba(0,0,0,.12);letter-spacing:2px}.mainMenuSub{white-space:normal}#menuCardRow{display:flex;justify-content:center;align-items:stretch;gap:4px}#menuCardRow .mainMenuSub{display:flex}#menuCardRow .menuCard{display:flex;flex-direction:column;height:auto}#menuCardRow .onlineRow,#loadoutCardParent .subtleButton{margin-top:auto}.playButton{position:absolute;right:0;top:0;bottom:0;width:calc(30% - 10px);display:flex;align-items:center;justify-content:center;font-size:22px;background-color:#4a90e2;transition:background-color .12s,opacity .12s}.playButton:hover{background-color:#3f80cc;opacity:1}.menuButton{transition:opacity .12s,background-color .12s,transform .05s;border-radius:3px}.menuButton:active{transform:translateY(1px)}.menuButtonGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.menuNavButton{font-size:20px;padding:8px 5px}.subtleButton{background-color:#eaeaea;color:#4b4b4b}.subtleButton:hover{background-color:#e0e0e0;opacity:1}.sideCard{width:250px;text-align:left}.sideCardTitle{font-size:22px;font-weight:700;color:#353535;border-bottom:2px solid #ededed;padding-bottom:6px;margin-bottom:12px}.newsList{display:flex;flex-direction:column;gap:8px}.newsItem{display:flex;gap:9px;align-items:flex-start;background:#f6f6f6;border-left:3px solid #4a90e2;border-radius:4px;padding:8px 10px;line-height:19px;transition:background .12s,transform .05s}.newsItem:hover{background:#eef2f7}.newsItem.itemNew{border-left-color:#5bc46a}.newsTag{flex:none;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px;margin-top:1px;letter-spacing:.3px;text-transform:uppercase}.newsTag.tagUpdate{background:#4a90e2}.newsTag.tagNew{background:#5bc46a}.newsBody{font-size:15px;color:#6a6a6a;line-height:19px}.onlineRow{margin-top:12px;font-size:14px;color:#5a6b5a;font-weight:700;display:flex;align-items:center;gap:8px;background:#f0f7f0;border-radius:4px;padding:8px 10px}.onlineText strong{color:#353535}.onlineDot{flex:none;width:9px;height:9px;border-radius:50%;background:#5bc46a;display:inline-block;animation:onlinePulse 2s ease-in-out infinite}@keyframes onlinePulse{0%,to{box-shadow:0 0 #5bc46a80}50%{box-shadow:0 0 0 5px #5bc46a00}}.fighterHero{text-align:center}.fighterPreview{position:relative;display:flex;justify-content:center;margin:6px 0 14px}.fighterLevelBadge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:#4a90e2;color:#fff;font-size:14px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 2px #0000001f}.fighterAvatar,.profileAvatar{--preview-angle: 0rad;position:relative;width:90px;height:90px;border-radius:50%;background:#d9d9d9;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 4px #ffffff80,0 4px #00000014;overflow:hidden}.fighterRig{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--preview-angle));transform-origin:50% 50%;will-change:transform}.fighterAvatar .fighterHead,.profileAvatar .fighterHead,.fighterAvatar .fighterHat,.profileAvatar .fighterHat{position:absolute;object-fit:contain;image-rendering:crisp-edges;pointer-events:none;-webkit-user-select:none;user-select:none}.fighterAvatar .fighterHead,.profileAvatar .fighterHead{width:66%;height:66%;left:17%;top:17%;z-index:3}.fighterAvatar .fighterHat,.profileAvatar .fighterHat{width:66%;height:66%;left:17%;top:17%;z-index:4}.fighterName{text-align:center;font-size:22px;font-weight:700;color:#353535;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fighterXp{margin-top:16px}.fighterXpHead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:14px;font-weight:700}.fighterXpLabel{color:#353535}.fighterXpValue{color:#9a9a9a}.fighterStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;margin-bottom:14px}.fighterStat{background:#f4f4f4;border-radius:4px;padding:9px 4px;display:flex;flex-direction:column;align-items:center;gap:3px}.fsVal{font-size:20px;font-weight:700;color:#353535;line-height:1}.fsLbl{font-size:11px;font-weight:700;color:#9a9a9a;text-transform:uppercase;letter-spacing:.5px}.fighterLevelRow{display:flex;align-items:center;gap:8px;font-size:16px;color:gray;font-weight:700;margin-top:8px}.menuModal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;display:flex;align-items:center;justify-content:center;animation:modalFade .15s ease}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.modalPanel{width:760px;max-width:94vw;height:600px;max-height:88vh;background:#fff;border-radius:4px;box-shadow:0 10px #0000002e;display:flex;flex-direction:column;overflow:hidden;animation:modalPop .16s ease}@keyframes modalPop{0%{transform:translateY(12px) scale(.98)}to{transform:translateY(0) scale(1)}}.modalHeader{background:#353535;color:#fff;font-size:26px;font-weight:700;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;flex:none}.modalHeader span{color:#fff}.modalClose{cursor:pointer;font-size:22px;color:#ffffffb3;line-height:1;padding:2px 6px;border-radius:3px;transition:color .12s,background .12s}.modalClose:hover{color:#fff;background:#ffffff1f}.modalContent{display:flex;min-height:0;flex:1}.modalTabs{flex:none;width:172px;background:#f3f3f3;border-right:2px solid #e6e6e6;padding:10px 0;overflow-y:auto}.modalTab{padding:11px 18px;font-size:19px;font-weight:700;color:gray;cursor:pointer;border-left:4px solid transparent;transition:background .1s,color .1s}.modalTab:hover{background:#0000000a;color:#4b4b4b}.modalTab.active{color:#353535;background:#fff;border-left-color:#4a90e2}.modalBody{flex:1;padding:18px 22px;overflow-y:auto;text-align:left;min-width:0}.sectionTitle{font-size:20px;font-weight:700;color:#353535;margin-bottom:10px}.hintText{margin-top:14px;font-size:15px;color:#a0a0a0;line-height:19px}.accountLayout{display:flex;gap:18px;flex-wrap:wrap}.profileCard{flex:1 1 240px;background:#f6f6f6;border-radius:4px;padding:16px;display:flex;flex-direction:column;align-items:center}.profileName{font-size:24px;font-weight:700;color:#353535;margin-top:10px}.profileBadge{font-size:14px;font-weight:700;color:#fff;background:#a0a0a0;padding:1px 10px;border-radius:10px;margin-top:4px}.profileBadge.signedIn{background:#4a90e2}.xpText{font-size:13px;color:#a0a0a0;flex:none}.statGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:14px}.statBox{background:#fff;border-radius:3px;padding:8px;text-align:center;box-shadow:0 2px #0000000d}.statVal{font-size:24px;font-weight:700;color:#4a90e2;line-height:26px}.statLbl{font-size:14px;color:gray}.loginCard{flex:1 1 240px;display:flex;flex-direction:column}.loginTitle{font-size:22px;font-weight:700;color:#353535}.loginSub{font-size:15px;color:#909090;line-height:19px;margin-bottom:12px}.accInput{margin-bottom:10px;width:100%;border:none;outline:none;padding:9px 11px;font-size:18px;text-align:left;font-weight:700;box-sizing:border-box;background-color:#ececec;border-radius:3px;color:#353535}.accInput::placeholder{color:#a8a8a8;font-weight:400}.accButton{text-align:center;font-size:20px;padding:9px;width:100%}.accButton.primary{background-color:#4a90e2}.accButton.primary:hover{background-color:#3f80cc;opacity:1}.loginDivider{text-align:center;border-top:1px solid #e2e2e2;margin:14px 0 10px;position:relative}.loginDivider span{position:relative;top:-14px;background:#fff;padding:0 10px;color:#b0b0b0;font-size:15px}.accResp{font-size:15px;margin-top:10px;color:#4a90e2;min-height:18px;font-weight:700}.colorGrid{display:flex;flex-wrap:wrap;gap:10px}.colorSwatch{width:42px;height:42px;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 3px #ffffff8c,0 2px #0000001f;transition:transform .08s}.colorSwatch:hover{transform:scale(1.08)}.colorSwatch.selected{box-shadow:0 0 0 3px #4a90e2,inset 0 0 0 3px #ffffff8c}.cosmeticGrid{display:grid;grid-template-columns:repeat(auto-fill,72px);gap:10px}.cosmeticItem{position:relative;width:72px;height:72px;background:#f0f0f0;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .1s}.cosmeticItem:hover{background:#e9e9e9}.cosmeticItem img{max-width:68%;max-height:68%;image-rendering:crisp-edges}.noHatLabel{font-size:15px;font-weight:700;color:gray}.cosmeticItem.selected{box-shadow:inset 0 0 0 3px #4a90e2;background:#eaf2fc}.lockBadge{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff8c;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:4px}.serverBrowser{display:flex;flex-direction:column;gap:8px}.serverRow{display:flex;align-items:center;gap:14px;background:#f5f5f5;border-radius:4px;padding:10px 14px;cursor:pointer;border:2px solid transparent;transition:background .1s,border-color .1s}.serverRow:hover{background:#eef0f2}.serverRow.selected{border-color:#4a90e2;background:#eaf2fc}.serverPing{flex:none;width:72px;font-size:16px;font-weight:700;color:gray;display:flex;align-items:center;gap:6px}.pingDot{width:9px;height:9px;border-radius:50%;display:inline-block}.pingDot.good{background:#5bc46a}.pingDot.ok{background:#e4c15b}.pingDot.bad{background:#e45b5b}.serverMeta{flex:1}.serverName{font-size:19px;font-weight:700;color:#353535;line-height:22px}.serverRegion{font-size:15px;color:#909090;line-height:17px}.serverPlayers{flex:none;width:110px;text-align:right}.serverPlayersNum{font-size:16px;font-weight:700;color:#6a6a6a}.serverBar{height:6px;background:#e2e2e2;border-radius:3px;overflow:hidden;margin-top:4px}.serverBarFill{height:100%;background:#4a90e2}.settingsGroup{margin-bottom:20px}.groupTitle{font-size:16px;font-weight:700;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #ededed;padding-bottom:5px;margin-bottom:6px}.settingRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 2px;border-bottom:1px solid #f2f2f2}.settingLabel{font-size:19px;font-weight:700;color:#4b4b4b}.settingSub{font-size:14px;font-weight:400;color:#a0a0a0;line-height:16px}.rangeWrap{display:flex;align-items:center;gap:10px;flex:none;width:210px}.rangeInput{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:6px;border-radius:3px;background:#e2e2e2;outline:none;cursor:pointer}.rangeInput::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4a90e2;cursor:pointer;box-shadow:0 1px 2px #00000040}.rangeInput::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:#4a90e2;cursor:pointer}.rangeVal{flex:none;width:30px;text-align:right;font-size:16px;font-weight:700;color:gray}.switch{position:relative;display:inline-block;width:46px;height:26px;flex:none}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#cfcfcf;border-radius:26px;transition:background .15s}.switch .slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:0 1px 2px #0000004d}.switch input:checked+.slider{background:#4a90e2}.switch input:checked+.slider:before{transform:translate(20px)}.keybindList{display:flex;flex-direction:column}.keybindRow{display:flex;align-items:center;justify-content:space-between;padding:8px 2px;border-bottom:1px solid #f2f2f2}.keybindLabel{font-size:19px;font-weight:700;color:#4b4b4b}.keyCap{min-width:74px;font-family:GameFont;font-size:17px;font-weight:700;color:#353535;background:#ececec;border:2px solid #dcdcdc;border-bottom-width:3px;border-radius:4px;padding:5px 12px;cursor:pointer;transition:background .1s,border-color .1s}.keyCap:hover{background:#e2e2e2}.keyCap.listening{background:#eaf2fc;border-color:#4a90e2;color:#4a90e2}.keyCapStatic{min-width:74px;text-align:center;font-size:16px;font-weight:700;color:#a0a0a0;padding:5px 12px}.keybindFixed{margin-top:4px;opacity:.85}.controlsFooter{margin-top:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.controlsFooter .subtleButton{width:auto;padding:8px 16px;font-size:18px}.controlsFooter .hintText{margin-top:0}.infoBlock{margin-bottom:18px}.infoParagraph{font-size:17px;color:#6a6a6a;line-height:23px;margin:0}.howtoGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.howtoRow{display:flex;align-items:center;gap:10px;font-size:17px;color:#6a6a6a}.howKey{flex:none;min-width:58px;text-align:center;background:#ececec;border:2px solid #dcdcdc;border-bottom-width:3px;border-radius:4px;padding:3px 8px;font-size:15px;font-weight:700;color:#353535}.tipList{margin:0;padding-left:20px;font-size:17px;color:#6a6a6a;line-height:24px}#matchBanner{position:absolute;top:9%;left:50%;transform:translate(-50%);text-align:center;color:#fff;font-size:46px;font-weight:700;line-height:48px;text-shadow:0 4px rgba(0,0,0,.25);pointer-events:none;white-space:nowrap;z-index:30}#matchBannerSub{margin-top:6px;font-size:20px;line-height:24px;color:#ffffffbf;text-shadow:0 2px rgba(0,0,0,.25)}#borderTimer{text-shadow:0 2px rgba(0,0,0,.3)}#spectateBar{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:none;align-items:center;gap:18px;background:#00000073;border-radius:4px;padding:10px 18px;z-index:40;pointer-events:all;white-space:nowrap}#spectateBar .spectateLabel{color:#fff;font-size:22px;font-weight:700}#spectateBar .spectateLabel span{color:#92b6f0}#spectateBar .spectateHint{color:#ffffff8c;font-size:16px}#spectateBar .spectateReturn{cursor:pointer;background:#4a90e2;color:#fff;font-size:17px;font-weight:700;padding:5px 14px;border-radius:3px;transition:background .12s}#spectateBar .spectateReturn:hover{background:#3f80cc}@media (max-width: 1100px){#mainMenuContainer{width:340px}#mainMenuContainer .mainMenuSub{display:block}.sideCard{width:300px}}@media (max-width: 640px){#gameName{font-size:120px;margin-bottom:30px}.modalContent{flex-direction:column}.modalTabs{width:100%;display:flex;overflow-x:auto;border-right:none;border-bottom:2px solid #e6e6e6;padding:4px}.modalTab{border-left:none;border-bottom:4px solid transparent;white-space:nowrap}.modalTab.active{border-left:none;border-bottom-color:#4a90e2}}#devSettingsMenu{position:absolute;top:10px;left:10px;background-color:#fff;box-shadow:0 4px #c2c2c2;border-radius:3px;padding:8px;font-size:16px;z-index:1000}#devSettingsMenu.minimized{width:24px;height:24px;padding:4px}#devSettingsMenu.minimized .devTabButtons,#devSettingsMenu.minimized .devTabContent,#devSettingsMenu.minimized .devMenuTitle{display:none}#devSettingsMenu #devMenuToggle{width:16px;height:16px;font-size:12px;line-height:16px;padding:0}#devSettingsMenu label{display:block;color:#353535;margin-top:4px}#devSettingsMenu label.checkbox{display:flex;align-items:center;gap:4px}#devSettingsMenu input[type=number]{width:60px}#devSettingsMenu input[type=checkbox]{width:16px;height:16px;vertical-align:middle;accent-color:#4a90e2;margin-right:4px}#devSettingsMenu .snapGroup{margin-top:4px;padding:4px;border:1px solid #ddd;border-radius:3px}#devSettingsMenu .snapGroup .offsets{display:flex;gap:4px;margin-top:4px}#devSettingsMenu .snapGroup .offsets label{flex:1}#devSettingsMenu .devTabButtons{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}#devSettingsMenu .devTabButton{flex:0 0 auto;padding:4px 8px;background:#eee;border:none;cursor:pointer;white-space:nowrap;font-size:14px}#devSettingsMenu .devTabButton.active{background:#ddd;font-weight:700}#devSettingsMenu .devTabContent{display:none}