html,body{background-color:#000;overflow:hidden}html,body{position:relative;overflow:hidden;width:100%;height:100%;margin:0;padding:0}::-webkit-input-placeholder{color:#cecece}:-moz-placeholder{color:#cecece;opacity:1}::-moz-placeholder{color:#cecece;opacity:1}:-ms-input-placeholder{color:#cecece}input[type=text]{-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.menuLink{font-size:20px}a{color:#a56dc8;text-decoration:none}a:active{color:#795094}a:visited{color:#a56dc8}a:hover{color:#795094}*{font-family:Hammersmith One;font-size:12px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}span{font-size:inherit}#errorNotification{position:absolute;top:20px;left:50%;transform:translate(-50%);max-width:500px;z-index:99999}#errorNotification .errorClose{position:absolute;top:5px;left:5px}#youtuberOf{position:absolute;top:10px;left:10px;color:#fff;font-size:24px}.ytLink{color:#6eb3ef;font-size:24px;text-decoration:none}.ytLink:hover{color:#5c96c9}#featuredYoutube{margin-top:5px}#featuredYoutube a{color:#6eb3ef!important}#featuredYoutube a:hover{color:#5c96c9!important}#mainMenu{background-color:#00000080;position:absolute;width:100%;height:100%;z-index:10}#menuContainer{width:100%;white-space:nowrap;text-align:center;position:absolute;top:45%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%)}#soundSetting{position:absolute;top:10px;right:10px}#partyButton{position:absolute;color:#fff;top:20px;right:20px;font-size:24px;text-decoration:none}#joinPartyButton{position:absolute;top:54px;right:20px;cursor:pointer;color:#fff}#joinPartyButton:hover{color:#d8d8d8}#netStats{position:absolute;top:20px;left:20px;display:flex;gap:8px;pointer-events:none;font-size:18px;color:#fff;white-space:nowrap}#pingDisplay,#fpsDisplay,#cpsDisplay{display:inline-flex;align-items:flex-end;gap:5px;padding:3px 9px;border-radius:8px;background-color:#00000040}#pingDisplay[hidden],#fpsDisplay[hidden],#cpsDisplay[hidden]{display:none}.signalBars{display:inline-flex;align-items:flex-end;gap:2px;height:16px;margin-bottom:3px}.signalBars i{width:4px;border-radius:1px;background-color:#ffffff40}.signalBars i:nth-child(1){height:25%}.signalBars i:nth-child(2){height:50%}.signalBars i:nth-child(3){height:75%}.signalBars i:nth-child(4){height:100%}.tier4{color:#7ee559}.tier3{color:#ffd34d}.tier2{color:#ff9a3c}.tier1{color:#ff5a5a}#pingDisplay.tier1 .signalBars i:nth-child(-n+1),#pingDisplay.tier2 .signalBars i:nth-child(-n+2),#pingDisplay.tier3 .signalBars i:nth-child(-n+3),#pingDisplay.tier4 .signalBars i:nth-child(-n+4){background-color:currentColor}#shutdownDisplay{position:absolute;top:132px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:8px;background-color:#1e2024d9;color:#ffd34d;font-size:22px;white-space:nowrap;z-index:100;pointer-events:none}@media only screen and (max-width: 896px),only screen and (max-height: 500px){#shutdownDisplay{top:62px;font-size:16px}}#pageNotices{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;max-width:80%;z-index:100;pointer-events:none}#noticeDisplay,#updateNotice{padding:6px 14px;border-radius:8px;background-color:#1e2024d9;color:#fff;font-size:18px;text-align:center}#updateNotice{color:#ffd34d;pointer-events:all}#updateNotice a{color:#fff;cursor:pointer}@media only screen and (max-width: 896px),only screen and (max-height: 500px){#noticeDisplay,#updateNotice{font-size:14px}}#settingsButton{position:absolute;cursor:pointer;display:none}#followText{position:absolute;bottom:40px;left:10px;color:#fff;font-size:22px}#twitterFollow,#youtubeFollow{position:absolute;bottom:10px;left:10px}#linksContainer1{position:absolute;bottom:0;left:0;background-color:#fff;font-size:20px;padding:8px;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}#linksContainer2{position:absolute;bottom:0;right:0;background-color:#fff;text-align:right;font-size:20px;padding:8px;-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0}#loadingText{font-size:45px;color:#fff;text-align:center}#loadingText a{display:block}.menuCard,.adMenuCard{vertical-align:top;text-align:left;white-space:normal;word-wrap:break-word;margin:5px;display:inline-block;width:300px;padding:18px;background-color:#fff;-moz-box-shadow:0px 7px #c4c4c4;-webkit-box-shadow:0px 7px #c4c4c4;box-shadow:0 7px #c4c4c4;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow:hidden}.adMenuCard{min-width:0;min-height:0;height:initial;width:initial;padding:0;box-shadow:none}.menuHeader{font-size:24px;color:#292929;margin-bottom:5px}.menuText{font-size:18px;color:#a8a8a8;margin-bottom:10px}#serverBrowser select{width:100%;height:24px}#altServer{width:100%;text-align:center;margin-top:10px}#skinColorHolder{width:100%;padding:5px 0 0}.activeSkin{-webkit-border-radius:8px!important;-moz-border-radius:8px!important;border-radius:8px!important}.skinColorItem{cursor:pointer;display:inline-block;margin-right:10px;width:30px;height:30px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border:3px solid #525252}.skinColorItem:hover{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.settingRadio{font-size:18px;color:#a8a8a8;margin-bottom:10px}.keybindRow{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.keybindNote{font-size:12px;color:#a8a8a8;white-space:pre-line}.keybindTitle{margin-top:14px;font-size:14px;color:#a8a8a8}.keybindBtn{min-width:70px;padding:4px 8px;border-radius:4px;text-align:center;color:#fff;background-color:#7ee559;cursor:pointer}.keybindBtn:hover,.keybindBtn.capturing{background-color:#6fc94e}.keybindReset{margin-top:10px}#gameName{font-size:170px;margin-bottom:-25px;text-shadow:0 1px 0 #c4c4c4,0 2px 0 #c4c4c4,0 3px 0 #c4c4c4,0 4px 0 #c4c4c4,0 5px 0 #c4c4c4,0 6px 0 #c4c4c4,0 7px 0 #c4c4c4,0 8px 0 #c4c4c4,0 9px 0 #c4c4c4;color:#fff}#guideCard{max-height:250px;overflow-y:scroll;-webkit-overflow-scrolling:touch}#guideCard #smallLinks{display:none}#guideCard #desktopInstructions{display:block}#guideCard #mobileInstructions,#guideCard.touch #desktopInstructions{display:none}#guideCard.touch #mobileInstructions{display:block}#promoImgHolder{text-align:center}#promoImg:hover{opacity:.9}#rightCardHolder{display:inline-block;vertical-align:top}#downloadButtonContainer{display:block;text-align:center;padding-bottom:12px;margin-top:14px}#downloadButtonContainer.cordova,#mobileDownloadButtonContainer,#mobileDownloadButtonContainer.cordova{display:none}.downloadBadge{margin:0 6px}.downloadBadge img{height:40px}#adCard{text-align:center;width:300px;height:auto}#nameInput{text-align:center;font-size:26px;margin-bottom:16px;padding:6px;border:none;outline:none;box-sizing:border-box;color:#4a4a4a;background-color:#e5e3e3;width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.menuButton{text-align:center;font-size:23px;padding:6px;box-sizing:border-box;color:#fff;background-color:#7ee559;width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer}.menuButton:hover{background-color:#6fc94e}.menuButton.disabled{color:#ccc;background-color:#666}.menuButton.busy{opacity:.6;cursor:progress}#gameUI{pointer-events:none;position:absolute;width:100%;height:100%;z-index:2}#chatHolder{position:absolute;bottom:200px;width:100%;text-align:center}#chatBox{padding:6px;font-size:20px;color:#fff;background-color:#00000040;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;pointer-events:all;border:0}#chatBox:focus{outline:none}#topInfoHolder{position:absolute;right:20px;top:20px}#leaderboard{color:#fff;font-size:31px;text-align:left;padding:7px 10px 5px;width:220px;background-color:#00000040;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.leaderHolder{overflow:hidden;white-space:nowrap}#killCounter{right:0;margin-top:10px;color:#fff;font-size:28px;background-color:#00000040;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-image:url(../img/icons/skull.png)}.leaderScore{text-align:right;float:right;margin-left:10px;display:inline-block;font-size:22px}.leaderboardItem{float:left;display:inline-block;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;font-size:22px}.uiElement,.resourceDisplay{background-color:#00000040;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#fff;padding:5px 10px;font-size:28px}.resourceDisplay{position:absolute;right:20px;height:35px;text-align:right;line-height:39px;padding-left:10px;padding-right:40px;background-size:28px;background-repeat:no-repeat;background-position:right 6px center}#foodDisplay{background-image:url(../img/resources/food_ico.png)}#woodDisplay{background-image:url(../img/resources/wood_ico.png)}#stoneDisplay{background-image:url(../img/resources/stone_ico.png)}#scoreDisplay{right:inherit;left:20px;bottom:160px;text-align:left;padding-left:40px;padding-right:10px;background-position:left 6px center;background-image:url(../img/resources/gold_ico.png)}#stoneDisplay{bottom:20px}#woodDisplay{bottom:75px}#foodDisplay{bottom:130px}#actionBar{bottom:17px;width:100%;text-align:center}.actionBarItem{width:66px;height:66px;margin-left:5px;margin-right:5px;background-color:#00000040;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:inline-block;cursor:pointer;pointer-events:all;background-size:cover}.actionBarItem:hover{background-color:#32323240}.itemIcon{width:66px;height:66px}#mapDisplay{position:absolute;bottom:20px;left:20px;display:inline-block;width:130px;height:130px;pointer-events:all;background-color:#00000040;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.gameButton{position:absolute;top:20px;padding:5px;cursor:pointer;pointer-events:all}.gameButton:hover{background-color:#32323240}#allianceButton{right:270px}#leaderboardButton{display:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#leaderboardButton:focus{outline:none!important}#storeButton{right:330px}#chatButton{right:390px}#storeMenu{display:none;width:100%;position:absolute;text-align:center;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%)}#storeHolder{pointer-events:all;width:400px;display:inline-block;background-color:#00000040;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#fff;padding:10px;height:200px;max-height:calc(100vh - 200px);overflow-y:scroll;-webkit-overflow-scrolling:touch}.storeTab{width:183px;font-size:26px;display:inline-block;background-color:#00000040;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#fff;padding:10px;pointer-events:all;cursor:pointer}.storeTab:hover{background-color:#32323240}.storeItem{color:#fff;padding:5px;font-size:24px;text-align:left;cursor:pointer}.itemPrice{margin-top:5px;float:right;display:inline-block;color:#ffffff80;font-size:24px;padding-right:5px}.hatPreview{margin-top:-5px;width:45px;height:45px;display:inline-block;vertical-align:middle;padding-right:10px}#allianceMenu{display:none;width:100%;position:absolute;text-align:center;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%)}#allianceHolder{pointer-events:all;height:200px;max-height:calc(100vh - 260px);overflow-y:scroll;-webkit-overflow-scrolling:touch;width:350px;display:inline-block;text-align:left;padding:10px;background-color:#00000040;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.allianceItem{font-size:24px;color:#fff;padding:5px}.allianceTitle{font-size:20px;color:#b6db66;border-bottom:2px solid rgba(255,255,255,.15);margin-bottom:4px}.joinAlBtn{float:right;font-size:24px;text-align:right;cursor:pointer;color:#80eefc}.joinAlBtn:hover{color:#72d3e0}.notificationText{vertical-align:top;font-size:25px;color:#fff;display:inline-block}.notifButton{padding:5px;margin-left:10px;display:inline-block;cursor:pointer;pointer-events:all;background-color:#00000040;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.notifButton:hover{background-color:#32323240}#noticationDisplay{vertical-align:top;position:absolute;right:270px;top:80px;text-align:right}.allianceButtonM{pointer-events:all;cursor:pointer;margin-top:10px;font-size:24px;color:#fff;background-color:#00000040;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:5px;text-align:center;display:inline-block}.allianceButtonM:hover{background-color:#32323240}#allianceInput{pointer-events:all;font-size:24px;color:#fff;background-color:#00000040;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:5px;display:inline-block;outline:none;border-color:none;border:0;-webkit-box-shadow:none;box-shadow:none;width:200px;margin-right:10px}#itemInfoHolder{max-width:250px;display:none;position:absolute;top:20px;left:20px}#itemInfoHolder.visible{display:block}#itemInfoName{font-size:30px}#itemInfoDesc{font-size:22px;color:#fff9}.itemInfoReq{font-size:22px}.itemInfoReqVal{font-size:22px;color:#fff9}.itemInfoLmt{font-size:22px;position:absolute;right:10px;bottom:6px}#ageBarContainer{width:100%;bottom:93px;text-align:center}#ageText{width:100%;bottom:118px;text-align:center;color:#fff;font-size:24px}#ageBar{background-color:#00000040;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px;width:314px;height:10px;display:inline-block}#ageBarBody{background-color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:0px;height:100%}#upgradeHolder{width:100%;position:absolute;text-align:center;top:10px}#upgradeCounter{width:100%;position:absolute;top:95px;text-align:center;font-size:24px;color:#fff}#gameCanvas{width:100%;height:100%;background-color:#b6db66;z-index:1}#diedText{display:none;font-size:150px;white-space:nowrap;overflow:hidden;color:#fff;background-color:#00000040;width:100%;padding:0;position:absolute;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}#pre-content-container{position:absolute;inset:0;width:100%;background:rgba(0,0,0,.8);z-index:1000}#pre-content-player{position:absolute;width:640px;left:50%;top:50%;transform:translate(-50%,-50%)}#post-ad-join{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:red}#force-skip-ad{position:absolute;top:8px;left:8px}@media only screen and (max-width: 896px),only screen and (max-height: 500px){#netStats{left:10px;top:10px}body.hud #netStats{left:82px;top:57px;gap:6px;font-size:13px}#actionBar{max-width:calc(100% - 340px);margin-left:170px}#wideAdCard,#promoImgHolder{display:none!important}#adCard{display:block;margin:0 auto}#guideCard{position:absolute;display:none;z-index:10;top:calc(50% + 20px);left:50%;transform:translate(-50%,-50%)}#guideCard #smallLinks,#guideCard.showing{display:block}#downloadButtonContainer{display:none}#mobileDownloadButtonContainer{display:block;text-align:center;margin-top:16px;margin-bottom:-6px}.downloadBadge{margin:0 2px}.downloadBadge img{height:36px}#loadingText{margin-top:20px}#gameName{font-size:80px;text-shadow:0 1px 0 #c4c4c4,0 2px 0 #c4c4c4,0 3px 0 #c4c4c4,0 4px 0 #c4c4c4,0 5px 0 #c4c4c4}#menuCardHolder{margin-top:20px}#setupCard{width:260px;margin-top:4px}#partyButton{top:8px;left:33%;right:inherit;transform:translate(-50%)}#joinPartyButton{top:8px;left:66%;right:inherit;transform:translate(-50%)}#settingsButton{display:block;bottom:28px;left:50%;transform:translate(-50%)}#youtuberOf{display:none;top:8px;left:8px}#featuredYoutube{display:inline-block;margin-top:0}#linksContainer1,#linksContainer2,#youtubeFollow,#twitterFollow{display:none}#mapDisplay{width:66px;height:66px;bottom:unset;top:8px;left:8px}#itemInfoHolder{max-width:128px;top:inherit;top:8px;right:8px;left:inherit}#itemInfoName{font-size:22px}#itemInfoDesc,.itemInfoReq,.itemInfoLmt,.itemInfoReqVal{font-size:12px}.uiElement,.resourceDisplay{font-size:20px}.resourceDisplay,#scoreDisplay{right:inherit;left:8px;height:25px;line-height:27px;padding-left:36px;padding-right:10px;background-size:24px;background-position:left 6px center}#foodDisplay{top:82px;bottom:inherit}#woodDisplay{top:124px;bottom:inherit}#stoneDisplay{top:166px;bottom:inherit}#scoreDisplay{top:208px;left:8px;bottom:inherit}#topInfoHolder{top:8px;right:8px}#killCounter{left:inherit;margin-top:0}#actionBar{bottom:8px;min-height:44px;max-width:calc(100% - 88px);margin-left:44px}.actionBarItem{width:44px;height:44px;margin-left:5px;margin-right:5px}#upgradeCounter{font-size:18px;top:58px}#ageText{bottom:70px;font-size:16px}#ageBarContainer{bottom:54px}#ageBar{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:3px;width:200px;height:6px}#ageBarBody{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#leaderboard{display:none;width:340px;z-index:5;position:fixed;top:50%;left:50%;margin-left:-180px;margin-top:-100px}#leaderboard.is-showing{display:block}#leaderboardData,.leaderHolder,.leaderboardItem,.leaderScore{font-size:18px}.leaderScore{margin-left:0}#noticationDisplay{top:inherit;right:inherit;left:50%;bottom:96px;transform:translate(-50%);text-align:center}.notificationText{line-height:35px;font-size:18px;display:block}.notifButton{padding:3px 3px 0;margin-left:4px;margin-right:4px}#allianceButton{top:inherit;right:8px}#storeButton{top:inherit;right:60px}#chatButton{top:inherit;left:8px;display:none}#chatButton.hide{display:none}.gameButton{bottom:8px;width:44px;height:44px;padding:0!important}.gameButton i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:34px!important}.allianceItem,#allianceInput,.allianceButtonM,.storeItem{font-size:18px}.hatPreview{width:35px;height:35px}.joinAlBtn,.itemPrice{font-size:18px}#gameUI{height:calc(100% - 15px)}#itemInfoHolder{top:51px}#leaderboardButton{display:block;right:8px;bottom:60px;top:initial}}@media only screen and (max-width: 480px){#storeButton{top:8px;left:78px}#allianceButton{top:8px;left:126px}#leaderboardButton{top:8px;left:174px}#gameName{font-size:60px}.storeTab{width:153px;font-size:24px}#storeHolder{width:340px}#upgradeHolder{width:calc(100% - 120px);top:50%;left:60px;margin-top:-40px}#upgradeCounter{width:calc(100% - 120px);left:60px;top:50%;margin-top:-70px;background-color:#32323280}#upgradeHolder .actionBarItem{width:66px;height:66px}}.grecaptcha-badge{visibility:collapse!important;opacity:0!important}#touch-controls-left,#touch-controls-right,#touch-controls-fullscreen{position:absolute;width:50%;height:100%;top:0;bottom:0;display:none}#touch-controls-fullscreen{width:100%}#touch-controls-right{left:50%}#bottomContainer{position:absolute;bottom:0;left:0;right:0}#autoGatherButton{display:none}#autoGatherButton.active{background-color:#7ee559b3}#gameUI{box-sizing:border-box;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}@media only screen and (max-width: 896px),only screen and (max-height: 500px){#mainMenu{overflow-y:auto;-webkit-overflow-scrolling:touch}#menuContainer{position:relative;top:0;transform:none;-webkit-transform:none;white-space:normal;box-sizing:border-box;min-height:100%;padding:52px 0 76px;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}#gameName{margin-bottom:0;line-height:1}#menuCardHolder[style*="display: block"]{display:flex!important;flex-direction:column;align-items:center;gap:12px;margin-top:12px}#menuCardHolder>div{order:1}#menuCardHolder>#adCard{order:2;margin:0}#setupCard{width:300px;max-width:calc(100vw - 60px);margin-top:0}#guideCard{position:fixed;top:50%;max-height:calc(100% - 110px);max-width:calc(100vw - 60px);box-sizing:content-box}#settingsButton{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0));background-color:#00000073;border-radius:6px;padding:2px 10px 4px 6px;z-index:11;white-space:nowrap}#linksContainer2{display:none}#chatButton{display:block;left:8px;right:auto}#chatButton.hide{display:none}#autoGatherButton{display:block;right:60px;bottom:60px;top:initial}}@media only screen and (max-width: 359px){#turnstileWidget{transform:scale(.85);transform-origin:left top;margin-bottom:-10px}}@media only screen and (max-height: 500px) and (min-width: 600px){#gameName{font-size:44px;text-shadow:0 1px 0 #c4c4c4,0 2px 0 #c4c4c4,0 3px 0 #c4c4c4}#menuContainer{padding-top:10px}#menuCardHolder[style*="display: block"]{flex-direction:row;align-items:flex-start;justify-content:center;margin-top:8px}#partyButton,#joinPartyButton{font-size:18px}#settingsButton{left:12px;transform:none;bottom:calc(10px + env(safe-area-inset-bottom,0))}}#gameCanvas{display:block}#textCanvas{position:absolute;top:0;left:0;z-index:1;pointer-events:none}@media only screen and (max-width: 896px),only screen and (max-height: 500px){#partyButton{top:calc(10px + env(safe-area-inset-top,0));left:calc(12px + env(safe-area-inset-left,0));right:auto;transform:none}#joinPartyButton{top:calc(10px + env(safe-area-inset-top,0));right:calc(12px + env(safe-area-inset-right,0));left:auto;transform:none;white-space:nowrap;font-size:20px}}@media only screen and (max-width: 480px){#autoGatherButton{inset:252px auto auto 8px}#chatButton{left:8px;top:304px;bottom:auto}}@media only screen and (max-width: 480px){#gameName{font-size:min(60px,16.5vw)}}@media only screen and (max-width: 400px){#actionBar .actionBarItem{width:50px;height:50px}}@media only screen and (min-width: 897px) and (min-height: 501px){body.touch #autoGatherButton{display:block;right:450px}}#accountRow{margin-top:10px;font-size:16px;color:#a8a8a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#accountRow a,#accountLinks a{cursor:pointer}#accountRow span{margin-right:8px}#accountCard{position:fixed;z-index:12;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;max-width:calc(100vw - 60px);max-height:calc(100% - 40px);overflow-y:auto;text-align:center;white-space:normal;box-shadow:0 0 0 100vmax #00000073}#accountCard input{display:block;width:100%;text-align:center;font-size:22px;margin-top:10px;padding:6px;border:none;outline:none;box-sizing:border-box;color:#4a4a4a;background-color:#e5e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}#accountCode{letter-spacing:6px}#accountStatus{min-height:20px;margin:8px 0;font-size:16px;color:#a8a8a8}#accountStatus.error{color:#c0392b}#accountLinks{margin-top:16px;font-size:14px;display:flex;justify-content:space-between;gap:16px}#accountLinks.single{justify-content:center}#accountLinks a{color:#a8a8a8;text-decoration:underline;padding:4px 0}#accountLinks a:hover{color:#4a4a4a}#accountLinks a.disabled{text-decoration:none;cursor:default}#accountClose,.cardClose{position:absolute;top:6px;right:6px;width:36px;height:36px;line-height:36px;display:flex;align-items:center;justify-content:center;color:#a8a8a8;cursor:pointer;border-radius:4px}#accountClose:hover,.cardClose:hover{color:#4a4a4a;background-color:#e5e3e3}#accountClose i,.cardClose i{vertical-align:middle}#accountCard .menuHeader{margin:0 36px 4px}#accountCard .menuButton{margin-top:2px}#menuButton{right:450px}body:not(.touch) #chatButton{display:none}body:not(.touch) #menuButton{right:390px}body:not(.touch) #adminButton{right:450px}@media only screen and (max-width: 896px),only screen and (max-height: 500px){#menuButton,body:not(.touch) #menuButton{top:inherit;right:112px}}@media only screen and (max-width: 480px){#menuButton,body:not(.touch) #menuButton{inset:356px auto auto 8px}}#reportMenu{display:none;width:100%;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}#reportHolder{pointer-events:all;max-height:min(260px,calc(100vh - 260px));overflow-y:auto;-webkit-overflow-scrolling:touch;width:350px;max-width:calc(100vw - 40px);box-sizing:border-box;display:inline-block;text-align:left;padding:10px;background-color:#00000040;border-radius:4px}@media only screen and (min-width: 897px) and (min-height: 501px){body.touch #autoGatherButton{right:510px}}#nameHint{min-height:0;margin:-10px 0 10px;font-size:14px;color:#a8a8a8}#nameHint:empty{display:none}#nameHint.error{color:#c0392b}#nameInput:disabled{color:#4a4a4a;opacity:1;-webkit-text-fill-color:#4A4A4A}.topPlayer{display:flex;justify-content:space-between;gap:10px;font-size:16px;color:#a8a8a8;padding:2px 0}.topPlayer>span:first-child{color:#4a4a4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topPlayer{align-items:center}.topPlayer .topName{flex:1 1 auto;min-width:0}.topPlayer .topClan{font-size:70%;color:#b8860b;cursor:pointer}.topPlayer .topClan:hover,.topPlayer .topPlayerName:hover{text-decoration:underline}.topPlayer .topNote{color:#a8a8a8;font-size:13px}.topPlayer .topKills{flex:0 0 auto;white-space:nowrap}.topPlayer.shadowed .topName{text-decoration:line-through;color:#a8a8a8}img.crown{width:1.3em;height:1.3em;vertical-align:-.3em;margin-right:3px}.leaderBadge.crowned img.crown{width:22px;height:22px;margin:0;vertical-align:middle}.leaderBadge.crowned.guest{cursor:inherit}#topKinds a{padding:3px 0;font-size:14px}#topBoard{display:flex;gap:14px;margin-top:8px}#topBoard .topPlayer{height:24px;padding:0;font-size:15px}#topBoard .topPlayer.blank,#topBoard .topPlayer.ghost{cursor:default}#topBoard .topPlayer.blank .topName{color:#d0d0d0}#topBoard .topPlayer.ghost .topName{height:12px;border-radius:6px;background-color:#e9e9e9;animation:topGhost 1.1s ease-in-out infinite}#topBoard .topPlayer.ghost:nth-child(odd) .topName{margin-right:30%}@keyframes topGhost{50%{opacity:.45}}#topBoard .friendAction{padding:0 0 0 4px}#topBoard .friendAction .material-icons{font-size:15px}.topColumn{flex:1 1 0;min-width:0}.topTitle{margin-bottom:2px;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#a8a8a8}.segTabs{display:flex;gap:4px;padding:4px;margin-bottom:4px;border-radius:8px;background-color:#ececec}.segTabs a{flex:1 1 0;padding:5px 0;border-radius:6px;font-size:15px;text-align:center;color:#5a5a5a;cursor:pointer}.segTabs a:hover{background-color:#dedede}.segTabs a.active{background-color:#6cc24a;color:#fff}#profileCard{position:fixed;z-index:13;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;max-width:calc(100vw - 60px);max-height:calc(100% - 40px);overflow-y:auto;text-align:center;white-space:normal;box-shadow:0 0 0 100vmax #00000073}#clanCard{position:fixed;z-index:13;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;max-width:calc(100vw - 40px);max-height:calc(100% - 40px);overflow-y:auto;text-align:left;white-space:normal;box-shadow:0 0 0 100vmax #00000073}#textureLink{display:block;margin:8px 0 2px;font-size:16px;cursor:pointer}#textureCard{position:fixed;z-index:12;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;max-width:calc(100vw - 40px);max-height:calc(100% - 40px);display:none;flex-direction:column;text-align:left;box-sizing:border-box}#textureCard[style*="display: block"]{display:flex!important}#textureCard .menuHeader{margin:0 36px 6px 0}#textureBar{display:flex;flex-wrap:wrap;gap:6px}#textureStatus{min-height:18px;margin:8px 0 2px;font-size:15px;color:#6a6a6a}#textureBody{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent}.textureGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px;margin-top:6px}.textureTile{position:relative;padding:6px 4px 4px;border-radius:8px;background-color:#eee;box-shadow:inset 0 0 0 2px transparent;text-align:center;cursor:pointer;pointer-events:auto}.textureTile:hover,.textureTile.over{box-shadow:inset 0 0 0 2px #7ee559}.textureTile.mine{background-color:#e3f6da}.textureTile img{display:block;width:48px;height:48px;margin:0 auto 2px;object-fit:contain;pointer-events:none}.textureTile span{display:block;overflow:hidden;font-size:11px;color:#6a6a6a;white-space:nowrap;text-overflow:ellipsis}.textureReset{position:absolute;top:2px;right:4px;font-size:16px;line-height:16px;color:#c44}#clanCard .menuHeader{margin:0 36px 2px 0;color:#b8860b}#clanCard .profileGrid{text-align:center}#clanStatus{min-height:18px;margin-top:8px;font-size:15px;color:#6a6a6a}#clanStatus:empty,#clanCard .chatStatus:empty{display:none}.clanList{max-height:230px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent;-webkit-overflow-scrolling:touch}.clanList.all{max-height:max(160px,min(420px,calc(100vh - 230px)))}.clanActions{flex-wrap:wrap}@media only screen and (max-width: 480px){#clanCard{box-sizing:border-box;max-width:calc(100vw - 16px);margin:0;padding:14px}}.clanTabs{margin-top:8px}.clanTabs .noteDot{vertical-align:top}.clanList.online{max-height:110px}#whisperCard{position:fixed;z-index:14;top:50%;left:50%;transform:translate(-50%,-50%);width:340px;max-width:calc(100vw - 40px);max-height:calc(100% - 40px);overflow-y:auto;text-align:left;white-space:normal;box-shadow:0 0 0 100vmax #00000073}#whisperCard .menuHeader{margin:0 36px 2px 0}.chatLog{height:170px;overflow-y:auto;padding:4px 0;font-size:15px;color:#4a4a4a;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent;-webkit-overflow-scrolling:touch}.chatLine{padding:1px 0}.chatWho{color:#292929}.chatLine.system{color:#8a8a8a;font-style:italic}.chatLine.own .chatWho{color:#2f7fc2;font-weight:700}#chatToasts{position:absolute;left:20px;bottom:250px;z-index:20;width:340px;max-width:calc(100vw - 40px);display:flex;flex-direction:column;gap:4px;pointer-events:none}.chatToast{padding:5px 9px;border-radius:4px;background-color:#00000040;color:#fff;font-size:15px;overflow-wrap:anywhere;pointer-events:all;display:flex;align-items:flex-start}.chatToastBody{flex:1;min-width:0}@media only screen and (max-width: 896px),only screen and (max-height: 500px){#chatToasts{inset:60px 8px auto 82px;width:auto;max-width:none}.chatToast{padding:3px 7px;font-size:13px}.chatToast:nth-last-child(n+4){display:none}}.chatToast.clan .chatToastWho{color:#a8e06c}.chatToast.whisper .chatToastWho{color:#f6a8ff}.chatToast.note{color:#d8d8d8}.chatToastReply{margin-left:8px;color:#ffffff8c;cursor:pointer}.chatToastReply:hover{color:#fff}.chatToastReply .material-icons{font-size:18px;vertical-align:middle}.chatStatus{min-height:16px;margin-top:4px;font-size:13px;color:#c0392b}.profileOnline{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:8px;font-size:15px;color:#4a4a4a}.clanInputRow{display:flex;align-items:center;gap:6px;margin-top:8px}.clanInputRow input{flex:1 1 auto;min-width:0;margin:0}#profileClan{display:block;font-size:15px;color:#b8860b;cursor:pointer}.leaderHolder{display:flex;flex-wrap:nowrap;align-items:center}.leaderHolder .leaderBadge,.leaderHolder .leaderScore{flex:0 0 auto;float:none}.leaderHolder .leaderScore{margin-left:auto;padding-left:10px;white-space:nowrap}.leaderHolder .leaderboardItem{flex:0 1 auto;float:none;min-width:0;max-width:none}.leaderboardItem.tagged{display:flex;align-items:center}.leaderTag{flex:0 0 auto;white-space:pre;font-size:70%}.leaderTag.tribe{flex:1 1 0;max-width:max-content;min-width:0;overflow:hidden;text-overflow:ellipsis}.leaderName{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.leaderClan{color:#ffd34d;cursor:pointer;pointer-events:auto}.leaderClan:hover,.leaderHolder.clickable .leaderName:hover{text-decoration:underline}#profileLive{font-size:15px;color:#6fc94e;margin-bottom:4px}#profileLive:empty{display:none}.leaderBadge{float:left;width:22px;height:26px;font-size:18px;line-height:26px;text-align:center;margin-right:6px;color:#fff;cursor:pointer;pointer-events:auto}.leaderBadge.admin{color:#ffd34d}.leaderBadge.mod{color:#5aa9ff}.leaderBadge.friend{color:#7ee559}.leaderBadge.crab{font-size:16px;cursor:inherit}#profileFriend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;width:100%}.friendState{font-size:14px;color:#7a7a7a}#friendToast{position:fixed;top:56px;left:50%;transform:translate(-50%);z-index:30;max-width:calc(100vw - 32px);padding:8px 12px;border-radius:8px;background-color:#282a2eeb;color:#fff;font-size:15px;white-space:nowrap}#friendToast a{margin-left:10px;color:#7ee559;cursor:pointer}#friendToast a .material-icons{font-size:16px;vertical-align:middle;color:#ccc}.allianceError{color:#ff8a80;font-size:18px}.noteDot{display:inline-block;flex:0 0 auto;width:8px;height:8px;margin-left:4px;border-radius:50%;background-color:#e5484d;vertical-align:super}.gameButton .noteDot{position:absolute;top:3px;right:3px;width:11px;height:11px;margin:0;border:2px solid rgba(0,0,0,.25)}.friendsOnline{display:inline-flex;align-items:center;gap:1px;margin-left:6px;font-size:.75em;color:#62b846;vertical-align:middle}.friendsOnline i{font-size:1.15em}.friendRow .playerCount{flex:0 0 auto;margin-left:0}.friendAction .material-icons{font-size:17px;vertical-align:middle}#confirmCard{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:40;box-sizing:border-box;width:280px;max-width:calc(100vw - 32px);padding:16px;border-radius:8px;background-color:#fff;box-shadow:0 0 0 100vmax #00000059;color:#292929;font-size:17px;text-align:center;white-space:normal;pointer-events:all}#confirmButtons{display:flex;justify-content:center;gap:10px;margin-top:14px}#confirmButtons a{padding:5px 16px;border-radius:4px;background-color:#8a8a8a;color:#fff;font-size:15px;cursor:pointer}#confirmButtons #confirmYes{background-color:#cc5151}#friendNotes{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:30;max-width:calc(100vw - 32px);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.friendPrompt{padding:5px 10px;border-radius:8px;background-color:#282a2ed9;color:#fff;font-size:13px;white-space:nowrap;pointer-events:all}.friendPrompt.notice{padding:9px 16px;font-size:19px;color:#ffd34d;background-color:#1e2024eb}.friendPrompt a{margin-left:8px;color:#7ee559;cursor:pointer}.leaderBadge.empty{cursor:default;pointer-events:none}.leaderHolder.clickable{cursor:pointer;pointer-events:auto}.leaderHolder.clickable:hover{opacity:.75}.staffPanel{width:100%;margin-top:10px;padding-top:8px;border-top:1px solid #e6e6e6;text-align:left}.staffInfo{font-size:13px;color:#7a7a7a}.staffLine{display:flex;gap:8px;padding:1px 0}.staffLine label{min-width:72px;color:#4a4a4a}.staffSaid{max-height:180px;margin-top:6px;overflow-y:auto;scrollbar-width:thin}.staffLine.said{flex-direction:column;gap:0;padding:3px 0}.staffLine.said label{font-size:11px;color:#9a9a9a}.staffLine.said span{color:#4a4a4a;overflow-wrap:anywhere}.staffReason{display:flex;gap:6px;margin:8px 0 6px}.staffReason select,.staffReason input{flex:1;min-width:0;font-size:13px;padding:4px 6px;border:1px solid #ddd;border-radius:4px}.staffButtons{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.leaderHolder.dead .leaderboardItem{text-decoration:line-through;opacity:.45}.leaderDead{width:18px;height:18px;margin-top:4px;opacity:.7}#gameSettings{position:fixed;z-index:12;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;max-width:calc(100vw - 40px);max-height:calc(100% - 40px);overflow-y:auto;text-align:left;white-space:normal;box-shadow:0 0 0 100vmax #00000059}#gameSettings .menuHeader{margin:0 36px 8px 0}#gameSettings #reportMenu{position:static;width:auto;margin-top:8px;transform:none}#gameSettings #reportHolder{display:block;width:auto;max-width:none;max-height:min(320px,calc(100vh - 200px));padding:0;background:none;scrollbar-color:rgba(0,0,0,.3) transparent}#gameSettings #reportHolder .allianceItem{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:18px;color:#292929}#gameSettings #reportHolder .joinAlBtn{float:none;flex:0 0 auto;padding:4px 10px;border-radius:4px;background-color:#8a8a8a;color:#fff;font-size:15px}#gameSettings #reportHolder .joinAlBtn:first-of-type{margin-left:auto}#gameMenuTabs{display:flex;gap:4px;padding:4px;border-radius:8px;background-color:#ececec}#gameMenuTabs a{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:6px 8px;white-space:nowrap;border-radius:6px;font-size:17px;color:#5a5a5a;cursor:pointer}#gameMenuTabs a:hover{background-color:#dedede}#gameMenuTabs a.active{background-color:#6cc24a;color:#fff}#gameMenuTabs a.active .friendsOnline{color:#fff}#profileCard .menuHeader{margin:0 36px 2px;overflow:hidden;text-overflow:ellipsis}#profileRole{font-size:14px;color:#7ee559;min-height:4px}#profileStats{margin-top:6px}.profileSectionTitle{margin:12px 0 6px;padding-bottom:3px;border-bottom:1px solid #e6e6e6;font-size:13px;text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#8a8a8a}.profileGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 6px}.profileStat[title]:not([title=""]){cursor:help}.profileStat span{display:block;font-size:22px;color:#4a4a4a}.profileStat label{font-size:13px;color:#a8a8a8}#profileActions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}#profileActions:empty{display:none}.staffAction{font-size:15px;padding:4px 10px;border-radius:4px;color:#fff;background-color:#666;cursor:pointer}.staffAction.armed{background-color:#c0392b}#profileStatus{margin-top:8px;min-height:18px;font-size:14px;color:#a8a8a8}.topPlayer{cursor:pointer}.staffInline{margin-right:14px;color:#ff9a8c}.reportReasons{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 8px;font-size:14px;color:#5a5a5a}#gameSettings #reportHolder .reportReason{padding:3px 8px;font-size:13px;background-color:#6a6a6a}#adminButton{right:510px}#adminMenu{display:none;width:100%;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}#adminHolder{pointer-events:all;display:inline-block;text-align:left;width:380px;max-width:calc(100vw - 40px);max-height:calc(100vh - 140px);overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:16px 18px;background-color:#fff;border-radius:12px;box-shadow:0 7px #c4c4c4,0 16px 28px #00000047;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent}.adminHead{display:flex;align-items:center;justify-content:space-between;font-size:24px;color:#292929}.adminClose{padding:4px;border-radius:6px;font-size:24px;color:#a8a8a8;cursor:pointer}.adminClose:hover{color:#4a4a4a;background-color:#e5e3e3}.adminTitle{margin:12px 0 4px;padding-bottom:3px;border-bottom:2px solid #ececec;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#a8a8a8}.adminRow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0}.adminLabel{flex:0 0 82px;font-size:16px;color:#4a4a4a}.adminBtn{font-size:15px;padding:5px 11px;border-radius:6px;color:#5a5a5a;background-color:#ececec;cursor:pointer}.adminBtn:hover{background-color:#dedede}.adminFeed{max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent;-webkit-overflow-scrolling:touch}.adminFeedRow{display:flex;align-items:center;gap:6px;padding:4px 0;border-top:1px solid #ececec;font-size:14px;color:#6a6a6a}.adminFeedRow.report .adminFeedWho{color:#c0392b}.adminFeedText{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.adminFeedWho{color:#292929}.adminFeedNote{font-size:12px;color:#9a9a9a}.adminBtn.on,.adminBtn.go{color:#fff;background-color:#6cc24a}.adminBtn.go:hover{background-color:#5fae40}.adminSelect{flex:1 1 0;min-width:0;height:32px;padding:0 6px;border:2px solid #ececec;border-radius:6px;background-color:#fff;font-family:inherit;font-size:15px;color:#4a4a4a;cursor:pointer;outline:none}.adminSelect:hover,.adminSelect:focus{border-color:#c4c4c4}.adminSelect:disabled{color:#c4c4c4;cursor:default}.adminCell{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:12px;color:#a8a8a8}.adminCell .adminSelect{flex:0 0 auto;width:100%}@media only screen and (min-width: 897px) and (min-height: 501px){body.touch #adminButton{right:570px}}@media only screen and (max-width: 896px),only screen and (max-height: 500px){#adminButton,body:not(.touch) #adminButton{top:inherit;right:164px}}@media only screen and (max-width: 480px){#adminButton,body:not(.touch) #adminButton{inset:408px auto auto 8px}}@media only screen and (min-width: 481px) and (max-width: 896px),only screen and (min-width: 481px) and (max-height: 500px){#menuButton,body:not(.touch) #menuButton{right:8px;bottom:112px}#adminButton,body:not(.touch) #adminButton{right:60px;bottom:112px}}@media only screen and (min-width: 481px) and (max-width: 700px){#allianceButton,#storeButton,#chatButton{bottom:60px}#leaderboardButton,#autoGatherButton{bottom:112px}#menuButton,body:not(.touch) #menuButton,#adminButton,body:not(.touch) #adminButton{bottom:164px}}@media only screen and (min-width: 897px) and (max-width: 1799px) and (min-height: 501px){#upgradeHolder{top:82px}#upgradeCounter{top:167px}}@media only screen and (min-width: 897px) and (max-width: 1099px) and (min-height: 501px){#upgradeHolder,#upgradeCounter{left:20px;width:calc(100% - 300px)}#actionBar .actionBarItem{width:50px;height:50px}}.menuCard,.adMenuCard{border-radius:12px;-webkit-border-radius:12px;box-shadow:0 7px #c4c4c4,0 16px 28px #00000047;-webkit-box-shadow:0 7px 0 #c4c4c4,0 16px 28px rgba(0,0,0,.28)}.adMenuCard:has(>div:empty){background-color:transparent;box-shadow:none;-webkit-box-shadow:none}#linksContainer2{border-radius:12px 0 0;padding:8px 14px}#nameInput,#accountCard input{border-radius:8px;transition:box-shadow .12s}#nameInput:focus,#accountCard input:focus{box-shadow:0 0 0 3px #7ee5598c}.menuButton{border-radius:8px;padding:8px 6px;box-shadow:0 4px #62b846;transition:transform .06s,box-shadow .06s,background-color .12s;-webkit-user-select:none;user-select:none}.menuButton:active{transform:translateY(4px);box-shadow:0 0 #62b846}.menuButton.disabled{box-shadow:0 4px #4d4d4d;cursor:default}.menuButton.disabled:active{transform:none;box-shadow:0 4px #4d4d4d}#setupCard{padding-bottom:20px}#accountRow{text-align:center;margin-top:14px}#serverBrowser select{-webkit-appearance:none;appearance:none;height:auto;padding:8px 34px 8px 10px;font-family:inherit;font-size:16px;color:#4a4a4a;border:none;border-radius:8px;outline:none;cursor:pointer;background-color:#e5e3e3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234A4A4A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}#serverBrowser select:focus{box-shadow:0 0 0 3px #7ee5598c}.settingRadio input[type=checkbox]{width:18px;height:18px;margin:0 8px 0 0;vertical-align:-3px;accent-color:#7ee559;cursor:pointer}.keybindBtn{border-radius:6px}.skinColorItem{margin-bottom:4px;transition:transform .08s}.skinColorItem:hover{transform:scale(1.12)}#guideCard,#accountCard,#profileCard{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent}#storeHolder,#allianceHolder,#reportHolder,#adminHolder{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) transparent}.uiElement,.resourceDisplay,#leaderboard,.actionBarItem,#mapDisplay,#chatBox,#settingsButton{border-radius:8px;-webkit-border-radius:8px}.gameButton,.actionBarItem{transition:background-color .12s}#storeHolder,#allianceHolder,#reportHolder,#adminHolder{border-radius:10px;-webkit-border-radius:10px;padding:12px}.storeTab,.allianceButtonM,#allianceInput{border-radius:10px;-webkit-border-radius:10px}#allianceInput::placeholder{color:#ffffff8c}.storeItem,.allianceItem{border-radius:6px}.storeItem:hover{background-color:#ffffff14}@media only screen and (max-width: 896px),only screen and (max-height: 500px){#guideCard{top:calc(50% - 24px);max-height:calc(100% - 170px)}}@media only screen and (max-height: 500px) and (min-width: 600px){#guideCard{top:calc(50% - 8px);max-height:calc(100% - 96px);left:calc(50% + 60px)}}#accountStatus:empty{min-height:0;margin:6px 0}.menuButton.secondary{margin-top:12px;background-color:#5aa9e8;box-shadow:0 4px #4588c2}.menuButton.secondary:hover{background-color:#4f9ad6}.menuButton.secondary:active{box-shadow:0 0 #4588c2}#signInHint{margin-top:10px;text-align:center;font-size:14px;color:#a8a8a8}@media only screen and (max-width: 896px),only screen and (max-height: 500px){#guideCard.showing{left:50%;box-shadow:0 7px #c4c4c4,0 0 0 100vmax #0000008c;-webkit-box-shadow:0 7px 0 #c4c4c4,0 0 0 100vmax rgba(0,0,0,.55)}}@media only screen and (max-height: 500px) and (min-width: 600px){#guideCard{left:50%;top:50%;max-height:calc(100% - 64px)}}#autoGatherButton span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;letter-spacing:.5px}@media only screen and (min-width: 897px) and (min-height: 501px){#autoGatherButton{width:50px;height:50px;box-sizing:border-box}}#nameHint{text-align:center}#nameInput:disabled{background-color:transparent;box-shadow:inset 0 0 0 2px #e5e3e3;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menuLink{-webkit-user-drag:none}#mainMenu{overflow-y:auto;-webkit-overflow-scrolling:touch}#menuContainer{position:relative;top:0;transform:none;-webkit-transform:none;white-space:normal;box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 12px 64px}#menuCardHolder[style*="display: block"]{display:block!important;margin-top:0}#gameName{margin-bottom:14px;line-height:1;white-space:nowrap}#gameName span{display:inline-block;animation:titleWave 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * .16s - 2.6s);will-change:transform}@keyframes titleWave{0%,to{transform:translateY(.035em)}50%{transform:translateY(-.045em)}}@media (prefers-reduced-motion: reduce){#gameName span{animation:none}}@media only screen and (min-width: 897px) and (min-height: 501px){#gameName{font-size:min(120px,12vw,17vh)}}#menuDialog{display:block;box-sizing:border-box;width:344px;max-width:calc(100vw - 24px);margin:0;padding:22px;text-align:left;animation:dialogIn .25s ease-out;overflow:visible}@keyframes dialogIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#identityRow{display:flex;align-items:center;gap:10px}#skinButton{flex:0 0 auto;width:42px;height:42px;box-sizing:border-box;border-radius:50%;border:4px solid #525252;cursor:pointer;transition:transform .08s}#skinButton:hover{transform:scale(1.08)}#identityRow #nameInput{flex:1 1 auto;min-width:0;margin:0;font-size:22px;padding:8px 6px}#skinPopover{margin-top:10px;padding:10px 10px 6px;border-radius:8px;background-color:#f3f2f2}#skinColorHolder{display:flex;flex-wrap:wrap;gap:8px}#skinColorHolder .skinColorItem{margin:0}#nameHint{margin:6px 0 0}#serverBrowser{margin-top:12px}#turnstileWidget{min-height:65px;margin:12px 0}#playButtons{display:flex;flex-direction:column;gap:12px}#playButtons .menuButton{margin:0}#signInHint{margin-top:12px}#accountRow{margin-top:14px}#menuNav{display:flex;justify-content:space-around;gap:8px;margin-top:16px;padding-top:12px;border-top:2px solid #f0efef}#menuNav a{font-size:15px;color:#a8a8a8;cursor:pointer;padding:2px 4px}#menuNav a:hover{color:#4a4a4a}.viewHeader{display:flex;align-items:center;gap:8px;margin:-4px 0 12px -6px;font-size:24px;color:#292929}.viewBack{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;color:#a8a8a8;cursor:pointer}.viewBack:hover{color:#4a4a4a;background-color:#e5e3e3}.viewBody{max-height:min(52vh,420px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent}.viewBody .menuHeader{font-size:20px;margin-top:12px}.viewBody .menuText{font-size:16px}#menuDialog #mobileInstructions{display:none}#menuDialog.touch #mobileInstructions{display:block}#menuDialog.touch #desktopInstructions,#menuDialog.touch #keybindLink{display:none}#menuDialog #altServer{margin-top:14px;text-align:left}#settingsButton{display:none!important}#loadingText{margin-top:8px}@media only screen and (max-width: 896px),only screen and (max-height: 500px){#menuContainer{padding:56px 12px 24px}}@media only screen and (max-width: 359px){#menuDialog{padding:16px}}@media only screen and (max-height: 500px) and (min-width: 600px){#menuContainer{padding:8px 12px 12px}#gameName{margin-bottom:6px}#menuDialog{width:420px;padding:14px 18px}#turnstileWidget{margin:8px 0}#serverBrowser{margin-top:8px}#playButtons{flex-direction:row}#playButtons .menuButton{font-size:19px}#signInHint{margin-top:8px}#menuNav{margin-top:10px;padding-top:8px}.viewBody{max-height:calc(100vh - 150px)}}#turnstileWidget{display:flex;justify-content:center}@media only screen and (max-width: 359px){#turnstileWidget{transform-origin:center top}}#identityRow{position:relative}#skinPopover{position:absolute;z-index:5;top:calc(100% + 10px);left:-6px;width:232px;margin:0;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 6px 22px #00000059,0 0 0 1px #0000000f}#skinPopover:before{content:"";position:absolute;top:-7px;left:20px;width:14px;height:14px;background-color:#fff;transform:rotate(45deg);box-shadow:-1px -1px #0000000f}#playButtons{margin-top:14px}#menuNotice{margin-top:12px;padding:8px 10px;border-radius:8px;font-size:15px;text-align:center;color:#8a4b00;background-color:#fff1d6}#menuNotice:empty{display:none}#serverPicker{display:flex;gap:8px;margin-top:16px}.dropdown{position:relative;flex:1 1 0;min-width:0}.dropdownButton{display:flex;align-items:center;gap:4px;height:34px;padding:0 4px 0 10px;box-sizing:border-box;border-radius:8px;font-size:15px;color:#4a4a4a;background-color:#e5e3e3;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.dropdownButton:hover{background-color:#dcdada}.dropdownButton:focus-visible,.dropdown.open .dropdownButton{box-shadow:0 0 0 3px #7ee5598c}.dropdownFace{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0}.chipIcon{font-size:17px;color:#a8a8a8}.chipName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdownChevron{flex:0 0 auto;font-size:20px;color:#a8a8a8;transition:transform .12s}.dropdown.open .dropdownChevron{transform:rotate(180deg)}.dropdownList{display:none;position:absolute;z-index:6;bottom:calc(100% + 6px);left:0;min-width:100%;max-height:min(420px,60vh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent;box-sizing:border-box;padding:4px;border-radius:10px;background-color:#fff;box-shadow:0 6px 22px #00000059,0 0 0 1px #0000000f}.dropdown.open .dropdownList{display:block}#serverSelect .dropdownList{left:auto;right:0}.dropdownRow{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:15px;color:#4a4a4a;white-space:nowrap;cursor:pointer}.dropdownRow.active{background-color:#eeecec}.dropdownRow.selected .rowName{color:#62b846}.dropdownRow.disabled{color:#b9b7b7;cursor:default}.rowName{flex:1 1 auto}.rowDetail{color:#a8a8a8;font-size:13px}.rowTag{font-size:11px;padding:1px 6px;border-radius:8px;color:#7a7a7a;background-color:#eeecec}.playerCount{display:inline-flex;align-items:center;gap:1px;margin-left:auto;font-size:14px;color:#62b846}.playerCount i{font-size:16px}.playerCount.empty,.chipName.empty,.rowName.empty,.dropdownRow.selected .rowName.empty{color:#a8a8a8}.playerCount.busy{color:#e0992a}.playerCount.full{color:#cc5151}#menuNav{margin-top:14px}#verifyDialog{position:fixed;z-index:13;top:50%;left:-10000px;transform:translate(-50%,-50%);box-sizing:border-box;width:344px;max-width:calc(100vw - 24px);margin:0;padding:22px;text-align:center;white-space:normal;opacity:0;pointer-events:none}#verifyDialog.showing{left:50%;opacity:1;pointer-events:all;box-shadow:0 7px #c4c4c4,0 0 0 100vmax #00000080}#verifyBackdrop{display:none;position:fixed;z-index:13;top:0;left:0;width:100%;height:100%}#verifyBackdrop.showing{display:block}#verifyDialog .menuHeader{margin:0 36px 4px}#verifyDialog #turnstileWidget{min-height:0;margin:12px 0 0}#verifyRetry{margin-top:14px}#joinPartyButton{top:18px}#topLink{position:absolute;top:54px;right:20px;color:#fff;cursor:pointer}#topLink:hover{color:#d8d8d8}#topSpot{position:absolute;top:88px;right:20px;max-width:46vw;overflow:hidden;font-size:16px;text-align:right;text-overflow:ellipsis;white-space:nowrap;color:#fff;cursor:pointer}.topSpotLabel{color:#ffffffa6}.topSpotClan{color:#ffd34d}#topSpot:hover .topSpotName{text-decoration:underline}@media only screen and (max-width: 896px),only screen and (max-height: 500px){#topLink{top:calc(38px + env(safe-area-inset-top,0));right:calc(12px + env(safe-area-inset-right,0));white-space:nowrap;font-size:20px}#topSpot{top:calc(64px + env(safe-area-inset-top,0));right:calc(12px + env(safe-area-inset-right,0));max-width:60vw;font-size:13px}}@media only screen and (max-height: 500px) and (min-width: 600px){#serverPicker,#playButtons{margin-top:10px}}#serverNote{margin-top:10px;padding:8px 10px;border-radius:8px;font-size:15px;text-align:center;color:#2b5d8a;background-color:#e3f1fd}#statsNote,#profileNote{margin-top:8px;font-size:13px;text-align:center;color:#8a8a8a}#statsNote:empty,#profileNote:empty{display:none}#backToMain{margin-top:8px;font-size:15px;text-align:center}#backToMain a{color:#6eb3ef;text-decoration:none}#backToMain:empty{display:none}#serverNote:empty{display:none}.dropdownHeader{padding:6px 8px 2px;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#a8a8a8;white-space:nowrap}.dropdownHeader:not(:first-child){margin-top:4px;border-top:1px solid #eeecec;padding-top:8px}.rowLock{flex:0 0 16px;width:16px;font-size:15px;color:#a8a8a8;position:relative;left:-3px}#serverSelect .dropdownHeader{padding-left:32px}.adminPick{display:inline-block;vertical-align:middle;width:165px;margin:2px 4px 2px 0}.adminPick.adminTier{width:100px}.adminPick .dropdownButton{height:28px;font-size:14px;white-space:nowrap}.adminPick .dropdownFace{overflow:hidden;text-overflow:ellipsis}.adminPick .dropdownList{max-height:260px;overflow-y:auto;z-index:20}#friendAdd{display:flex;gap:6px;align-items:center}#friendName{flex:1 1 auto;min-width:0;width:auto;margin:0;height:34px;box-sizing:border-box;padding:0 10px;border:none;border-radius:8px;background-color:#e5e3e3;font-size:15px;color:#4a4a4a;outline:none}#friendAddButton{flex:0 0 auto;width:auto;height:34px;line-height:34px;padding:0 14px;margin:0;font-size:16px}#friendStatus{min-height:18px;text-align:left;margin:6px 0 4px;font-size:15px;color:#6a6a6a}#friendRequests:not(:empty){margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #eee}.friendRow{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:18px}.friendDot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background-color:#cfcfcf}.friendDot.online{background-color:#7ee559}.friendName{color:#292929;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friendName:hover{text-decoration:underline}.friendWho{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;font-size:18px;line-height:1.15}.friendWho .friendNote{flex:none;font-size:13px}.friendNote{flex:1 1 auto;min-width:0;font-size:15px;color:#6a6a6a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friendAction{flex:0 0 auto;font-size:15px;padding:4px 10px;border-radius:4px;color:#fff;background-color:#8a8a8a;cursor:pointer}.friendAction.go{background-color:#6cc24a}.friendAction.quiet{background-color:transparent;color:#8a8a8a;padding:4px 2px}.friendEmpty{font-size:16px;color:#6a6a6a;padding:6px 0}#profilePeriods .profileGrid+.profileGrid{margin-top:8px}.profilePeriod{display:flex;justify-content:space-between;gap:8px;padding:2px 0}.profilePeriod label{color:#4a4a4a;min-width:80px}#profileSocials{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:10px;font-size:14px}.profileSocial{color:#8e6fd6}.profileSocialEdit{color:#a8a8a8;cursor:pointer;text-decoration:underline}.profileSocialInput{width:calc(50% - 6px);height:30px;box-sizing:border-box;padding:0 8px;border:none;border-radius:6px;background-color:#e5e3e3;font-size:14px;color:#4a4a4a;outline:none}.staffAction.friendly{background-color:#6cc24a}#inviteBanner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:30;max-width:calc(100vw - 32px);padding:8px 12px;border-radius:8px;background-color:#282a2eeb;color:#fff;font-size:15px;white-space:nowrap;pointer-events:all}#inviteJoin{margin-left:10px;padding:3px 10px;border-radius:4px;background-color:#6cc24a;color:#fff;cursor:pointer}#inviteDismiss{margin-left:6px;color:#bbb;cursor:pointer;vertical-align:middle}#inviteDismiss .material-icons{font-size:18px;vertical-align:middle}#myProfileLink{display:block;margin-top:10px;font-size:16px;cursor:pointer}.shopBar{display:flex;gap:16px;margin:2px 4px 6px}.shopBar .menuLink{font-size:15px;cursor:pointer}.shopRow{display:flex;align-items:center;height:38px;padding:0 4px;border-radius:6px;font-size:18px;color:#4a4a4a;cursor:grab;user-select:none;-webkit-user-select:none}.shopRow:hover{background-color:#f6f6f6}.shopRow img{width:32px;height:32px;margin-right:8px;pointer-events:none}.shopRow .shopName{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopRow .shopKind{flex:0 0 auto;margin-right:10px;font-size:12px;color:#a8a8a8}.shopRow .shopGrip{flex:0 0 auto;width:26px;font-size:22px;color:#c4c4c4;touch-action:none}.shopRow .shopEye{flex:0 0 auto;font-size:22px;color:#7ee559;cursor:pointer}.shopRow.off{color:#c4c4c4}.shopRow.off img{opacity:.35}.shopRow.off .shopEye{color:#c4c4c4}.shopRow.gap{background-color:#eef9e9;outline:2px dashed #7ee559;outline-offset:-2px}.shopRow.gap>*{visibility:hidden}.shopRow.shopGhost{position:fixed;z-index:30;box-sizing:border-box;background-color:#fff;box-shadow:0 6px 16px #0000004d;pointer-events:none;cursor:grabbing;font-family:Hammersmith One}.shopDivide{margin:8px 4px 2px;font-size:13px;color:#a8a8a8}#settingsLinks{margin:4px 0 10px;border-top:2px solid #ececec}.settingsLink{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:2px solid #ececec;font-size:18px;color:#4a4a4a;cursor:pointer}.settingsLink:hover{background-color:#f4f4f4}.settingsLink .material-icons{font-size:22px;color:#a8a8a8}.settingsLink span{flex:1 1 auto}#settingsPopup{position:fixed;z-index:14;top:50%;left:50%;transform:translate(-50%,-50%);width:340px;max-width:calc(100vw - 60px);max-height:calc(100% - 40px);margin:0;white-space:normal;box-shadow:0 0 0 100vmax #00000073;pointer-events:all}#settingsPopup .viewHeader{margin-left:0}#settingsPopup .viewHeader span{flex:1 1 auto}#settingsPopup .viewBody{max-height:min(64vh,520px)}#settingsProfileLink{display:inline-block;margin-top:6px;cursor:pointer}.storeItem.storeEmpty{cursor:default;font-size:20px;color:#fff9}#prefAnonNote{margin:-4px 0 10px 26px;font-size:14px}#prefAnonNote.warn{color:#c0392b}#settingsLookLink{display:inline-block;margin:6px 0 0 16px;cursor:pointer}.lookPreview{position:sticky;top:0;z-index:3;display:flex;align-items:center;height:170px;margin-bottom:8px;border-radius:10px;background-color:#b6db66;overflow:hidden}.lookFigure{flex:0 0 55%;height:100%;text-align:center}.lookFigure svg{height:100%}.lookInfo{flex:1 1 auto;min-width:0;padding-right:10px;color:#fff;text-shadow:-1.5px 0 #3d3f42,1.5px 0 #3d3f42,0 -1.5px #3d3f42,0 1.5px #3d3f42}.lookName{margin-bottom:6px;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lookClan{font-size:70%;color:#ffd34d}.lookStat{display:flex;justify-content:space-between;font-size:14px;line-height:20px}.lookStat b{font-weight:400}.lookStatus{align-self:center;font-size:14px;color:#a8a8a8}.lookNote{font-size:13px;color:#a8a8a8}.lookTitle{margin:8px 0 3px;font-size:13px;color:#4a4a4a}#lookEditor{min-height:500px}.lookPick{position:relative;margin-top:10px}.lookSlots{display:flex;gap:6px}.lookSlot{position:relative;flex:1 1 0;min-width:0;height:58px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:2px solid #ececec;border-radius:8px;background-color:#f7f7f7;cursor:pointer}.lookSlot:hover{border-color:#c4c4c4}.lookSlot.open{border-color:#4caf2f;background-color:#fff}.lookFace{display:flex;align-items:center;justify-content:center;font-size:11px;color:#a8a8a8}.lookFace img{max-width:40px;max-height:40px;pointer-events:none}.lookChevron{position:absolute;right:0;bottom:-1px;font-size:16px;color:#c4c4c4}.lookList{position:absolute;z-index:2;left:0;right:0;top:calc(100% + 6px);max-height:236px;overflow-y:auto;padding:4px;border:2px solid #ececec;border-radius:8px;background-color:#fff;box-shadow:0 8px 18px #00000038;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent}.lookItem{display:flex;align-items:center;gap:10px;height:40px;padding:0 8px;border-radius:6px;font-size:16px;color:#4a4a4a;cursor:pointer}.lookItem:hover{background-color:#f1f1f1}.lookItem.on{background-color:#dcf5d2}.lookItem span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lookIcon{flex:0 0 32px;height:32px;display:flex;align-items:center;justify-content:center}.lookIcon img{max-width:32px;max-height:32px;pointer-events:none}.lookTick{flex:0 0 auto;font-size:18px;color:#4caf2f}.lookItem.lookWeapon{height:48px;cursor:default}.lookItem.lookWeapon:hover{background-color:transparent}.lookItem.lookWeapon.on,.lookItem.lookWeapon.on:hover{background-color:#eef9e9}.lookVariants{flex:0 0 auto;display:flex;gap:4px}.lookVariant{width:38px;height:38px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:6px;background-color:#f1f1f1;cursor:pointer}.lookVariant:hover{background-color:#e0e0e0}.lookVariant.on{border-color:#4caf2f;background-color:#dcf5d2}.lookVariant img{max-width:30px;max-height:30px;pointer-events:none}.lookList.swatches{display:flex;flex-wrap:wrap;gap:8px;padding:10px}.lookList.swatches .lookItem{position:relative;width:40px;padding:0;justify-content:center}.lookList.swatches .lookItem.on{box-shadow:0 0 0 3px #4caf2f;border-radius:50%;background-color:transparent}.lookList.swatches .lookTick{display:none}.profileLookEdit{display:block;margin-top:4px}.lookButtons{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}@media only screen and (max-width: 896px),only screen and (max-height: 500px){body.inGame #storeMenu,body.inGame #allianceMenu{left:62px;right:8px;width:auto}body.inGame #storeHolder,body.inGame #allianceHolder{box-sizing:border-box;max-width:100%}body.inGame .storeTab{box-sizing:border-box;max-width:calc(50% - 8px)}body.inGame #leaderboard{left:62px;right:8px;margin-left:auto;margin-right:auto;box-sizing:border-box;max-width:calc(100vw - 70px)}#gameMenuTabs a{padding:6px 5px;font-size:15px}}#actionBar.packed{box-sizing:border-box;padding:0 min(150px,11vw)}#actionBar.packed .actionBarItem{width:var(--bar-slot);height:var(--bar-slot)}.actionBarItem.skillItem{vertical-align:top;color:#fff;font-size:13px;line-height:1.1;display:inline-flex;align-items:center;justify-content:center;text-align:center;background-color:#1e3c6e73;overflow:hidden}#actionBar.packed .actionBarItem.skillItem{font-size:calc(var(--bar-slot) / 5)}.adminInput{width:90px;cursor:text}

/* Jagunco.io identity: keep after every reference style */
/* ============================================================================
   JAGUNCO.IO - brand skin for the official client (sertao / cangaco identity)
   ----------------------------------------------------------------------------
   Colors come from art/source/palette.json (single source of truth; the sprite
   pipeline tools/generate_jagunco_assets.py and the renderer patch
   tools/jagunco-renderer-patch.mjs read the same file).

   INTEGRATION: this file must be appended AFTER main.css in the official build
   (same mechanism as client-official/page-parts.css in
   tools/build-official-client.mjs). It only overrides presentation: colors,
   backgrounds, borders and shadows. No layout, sizing, display, pointer-events
   or z-index rules are changed, so every menu, HUD element and mobile/touch
   control keeps working and stays visible.
   ============================================================================ */

:root {
    --jg-outline: #2b1a10;        /* dark umber outline (matches sprite outlines) */
    --jg-leather: #6b4a2a;
    --jg-leather-dark: #4a3120;
    --jg-straw: #d9a441;          /* straw gold (ouro de palha) */
    --jg-straw-light: #f2cd6e;
    --jg-rust: #b8402e;           /* cangaceiro bandana red */
    --jg-rust-dark: #96331f;
    --jg-caatinga: #5d7a3a;       /* caatinga green */
    --jg-caatinga-dark: #43592a;
    --jg-teal: #3e8a8a;           /* sertao river teal */
    --jg-sand: #e8d8b0;
    --jg-parchment: #f4ead2;
    --jg-stone: #8a8578;
    --jg-hud-bg: rgba(43, 26, 16, .48);   /* warm translucent HUD backing */
    --jg-hud-bg-hover: rgba(74, 49, 32, .55);
    --jg-card-shadow: #b09a6a;    /* leather-tone card drop shadow */
}

/* ---------------------------------------------------------------- page base */
html, body { background-color: #1d130c; }
a { color: var(--jg-rust); }
a:hover, a:active { color: var(--jg-rust-dark); }
#loadingText { color: var(--jg-parchment); }
#errorNotification > div { color: var(--jg-parchment); }

/* ---------------------------------------------------------------- game name */
/* same layered-shadow trick as main.css, re-tinted to straw on leather */
#gameName {
    color: var(--jg-straw-light);
    text-shadow:
        0 1px 0 var(--jg-leather-dark), 0 2px 0 var(--jg-leather-dark),
        0 3px 0 var(--jg-leather-dark), 0 4px 0 var(--jg-leather-dark),
        0 5px 0 var(--jg-leather-dark), 0 6px 0 var(--jg-leather-dark),
        0 7px 0 var(--jg-leather-dark), 0 8px 0 var(--jg-leather-dark),
        0 9px 0 var(--jg-leather-dark), 0 10px 18px rgba(0,0,0,.45);
}

/* ---------------------------------------------------------------- main menu */
#mainMenu { background-color: rgba(29, 19, 12, .72); }

.menuCard, .adMenuCard {
    background-color: var(--jg-parchment);
    -webkit-box-shadow: 0 7px var(--jg-card-shadow);
    -moz-box-shadow: 0 7px var(--jg-card-shadow);
    box-shadow: 0 7px var(--jg-card-shadow);
}
.adMenuCard { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.menuHeader { color: var(--jg-outline); }
.menuText { color: #7a6a52; }
.settingRadio { color: #6f6046; }
.keybindNote, .keybindTitle { color: #7a6a52; }
#settingsLinks a { color: #5a4632; border-top-color: #ddd0ae; }
#settingsLinks a:last-child { border-bottom-color: #ddd0ae; }
#settingsLinks a:hover { color: var(--jg-outline); }
#settingsLinks a .material-icons { color: #a99a76; }
.adminTitle { color: #7a6a52; border-bottom-color: #ddd0ae; }

#nameInput, .profileSocialInput, #serverBrowser input {
    background-color: var(--jg-sand);
    color: #3a281a;
}
#nameInput::placeholder, .profileSocialInput::placeholder { color: #a99a76; }
::-webkit-input-placeholder { color: #a99a76; }
:-moz-placeholder { color: #a99a76; }
::-moz-placeholder { color: #a99a76; }
:-ms-input-placeholder { color: #a99a76; }

/* primary buttons: cangaceiro rust red */
.menuButton {
    background-color: var(--jg-rust);
    color: #fff;
    -webkit-box-shadow: 0 4px var(--jg-rust-dark);
    -moz-box-shadow: 0 4px var(--jg-rust-dark);
    box-shadow: 0 4px var(--jg-rust-dark);
}
.menuButton:hover { background-color: #c94c33; }
.menuButton:active {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-box-shadow: 0 0 var(--jg-rust-dark);
    box-shadow: 0 0 var(--jg-rust-dark);
}
.menuButton.disabled { color: #d8c9a8; background-color: #6f6046; }
.keybindBtn { background-color: var(--jg-rust); }
.keybindBtn:hover, .keybindBtn.capturing { background-color: #c94c33; }

/* secondary / confirm buttons */
#confirmButtons #confirmNo, .adminBtn { background-color: var(--jg-stone); }
#confirmButtons #confirmYes, .staffAction.armed { background-color: var(--jg-rust); }
.adminBtn.go, .adminBtn:hover { background-color: var(--jg-caatinga); }
.adminBtn.go:hover { background-color: var(--jg-caatinga-dark); }

/* skin swatches keep their gameplay colors; only the ring is branded */
.skinColorItem { border-color: var(--jg-leather-dark); }

/* segmented tabs (settings, leaderboard kinds) */
.segTabs a, #gameMenuTabs a { color: #5a4632; }
.segTabs a:hover, #gameMenuTabs a:hover { background-color: #e4d6b2; }
.segTabs a.active, #gameMenuTabs a.active { background-color: var(--jg-caatinga); color: #fff; }

/* settings popup / whisper card overlay tint + shadow */
#settingsPopup, #whisperCard {
    box-shadow: 0 7px var(--jg-card-shadow), 0 0 0 100vmax rgba(29, 19, 12, .6);
}

/* chat surfaces */
.chatLog { background-color: #efe4c8; color: #4a3a26; scrollbar-color: var(--jg-card-shadow) transparent; }
.chatLine.system { color: #8a7a5a; }
.chatLine.own .chatWho { color: var(--jg-caatinga); }
.chatWho { color: var(--jg-teal); }
#confirmCard > #confirmText, #confirmCard { color: var(--jg-outline); }
#confirmCard { background-color: var(--jg-parchment); box-shadow: 0 0 0 100vmax rgba(29,19,12,.6); }

/* corner link bars */
#linksContainer1, #linksContainer2 { background-color: var(--jg-parchment); }
#linksContainer1 a, #linksContainer2 a { color: var(--jg-leather); }
#linksContainer1 a:hover, #linksContainer2 a:hover { color: var(--jg-rust); }

/* notices */
#noticeDisplay, #updateNotice, #shutdownDisplay { background-color: rgba(43, 26, 16, .86); color: var(--jg-parchment); }
#updateNotice, #shutdownDisplay { color: var(--jg-straw-light); }
#updateNotice a { color: #fff; }
#partyButton, #joinPartyButton { color: var(--jg-parchment); }
#joinPartyButton:hover { color: var(--jg-straw-light); }
#followText, #youtuberOf { color: var(--jg-parchment); }
.ytLink, #featuredYoutube a { color: var(--jg-straw-light) !important; }
.ytLink:hover, #featuredYoutube a:hover { color: var(--jg-straw) !important; }

/* --------------------------------------------------------------------- HUD */
.uiElement, .resourceDisplay, #leaderboard, #killCounter, #chatBox,
.actionBarItem, .storeItem, .allianceItem, .allianceButtonM, .notifButton,
#itemInfoHolder, #noticationDisplay {
    background-color: var(--jg-hud-bg);
}
.actionBarItem:hover, .notifButton:hover, .storeItem:hover, .allianceItem:hover,
.allianceButtonM:hover { background-color: var(--jg-hud-bg-hover); }
.actionBarItem { border: 2px solid rgba(244, 234, 210, .12); }
#mapDisplay { border-color: var(--jg-hud-bg); }
#pingDisplay, #fpsDisplay, #cpsDisplay { background-color: var(--jg-hud-bg); }
#settingsButton { background-color: rgba(43, 26, 16, .55); }
#chatBox { color: #fff; }

/* age / xp bar follows the caatinga ground tone (track dark, fill dry olive) */
#ageBar { background-color: var(--jg-hud-bg); }
#ageBarBody { background-color: #8a9450; }

/* auto-gather active state keeps a green affordance, now caatinga */
#autoGatherButton.active { background-color: rgba(93, 122, 58, .7); }
#autoGatherButton span { color: #fff; }

/* leaderboard podium accents -> straw gold */
.leaderScore, #killCounter { color: var(--jg-parchment); }
#leaderboard .leaderboardItem:first-child { color: var(--jg-straw-light); }

/* store / shop */
.storeTab { color: #fff; }
.hatPreview { background-color: var(--jg-sand); }
.textureTile img { background-color: transparent; }

/* chat toasts + friend prompts while playing */
.chatToast { background-color: rgba(43, 26, 16, .9); }
.chatToast.clan { border-left-color: var(--jg-straw); }
.chatToast.whisper { border-left-color: #a56dc8; }
.chatToast.note { border-left-color: var(--jg-teal); }
.chatToastWho { color: var(--jg-straw-light); }
.chatToastReply { color: #9fc26a; }
.friendPrompt { background-color: rgba(43, 26, 16, .85); color: #fff; }
.friendPrompt.notice { color: var(--jg-straw-light); background-color: rgba(43, 26, 16, .92); }
#friendToast a { color: #9fc26a; }
#inviteBanner { background-color: var(--jg-parchment); color: var(--jg-outline); }
#inviteBanner { background-color: rgba(43, 26, 16, .9); color: var(--jg-parchment); }

/* death + victory text stays readable on any biome */
#diedText { background-color: rgba(43, 26, 16, .55); color: #fff; text-shadow: 0 4px 0 var(--jg-leather-dark); }

/* ------------------------------------------------------------- mobile/touch */
/* Touch sticks (nipplejs sets inline colors - !important only re-tints them;
   nothing here hides or resizes the controls). */
#touch-controls-left .joystick > .back, #touch-controls-right .joystick > .back,
#touch-controls-fullscreen .joystick > .back {
    background: rgba(244, 234, 210, .28) !important;
    border: 2px solid rgba(244, 234, 210, .45) !important;
}
#touch-controls-left .joystick > .front, #touch-controls-right .joystick > .front,
#touch-controls-fullscreen .joystick > .front {
    background: var(--jg-rust) !important;
    border: 2px solid var(--jg-leather-dark) !important;
    opacity: .85 !important;
}

@media only screen and (max-width: 896px), only screen and (max-height: 500px) {
    /* keep every control on screen; only re-tint backings for contrast */
    #settingsButton { background-color: rgba(43, 26, 16, .6); }
    .gameButton { color: #fff; }
    .uiElement, .resourceDisplay, #leaderboard, #killCounter,
    .actionBarItem, .storeItem, .allianceItem, .notifButton {
        background-color: rgba(43, 26, 16, .52);
    }
    #chatToasts { max-width: min(300px, calc(100vw - 32px)); }
}

/* coarse pointers: slightly larger brand hit affordance on the action bar
   (visual border only - layout size untouched) */
@media (pointer: coarse) {
    .actionBarItem { border: 2px solid rgba(244, 234, 210, .22); }
}

/* ------------------------------------------------------------ scrollbars */
.menuCard::-webkit-scrollbar, .chatLog::-webkit-scrollbar { width: 8px; }
.menuCard::-webkit-scrollbar-thumb, .chatLog::-webkit-scrollbar-thumb {
    background-color: var(--jg-card-shadow); border-radius: 4px;
}