html,body,p,div,ul,form{margin:0;padding:0}html,body{width:100%;height:100%}body{background-repeat:no-repeat}body.noscroll{overflow-y:hidden}#container{width:1020px;min-height:100%;margin-bottom:35px;margin-left:auto;margin-right:auto;position:relative}#topMenu{width:100%;height:35px;margin-left:auto;margin-right:auto}#content{border-top-left-radius:15px;border-top-right-radius:15px;width:1000px;min-height:740px;margin-top:150px;margin-left:auto;margin-right:auto;padding-bottom:125px;position:relative}#subProfile{border-radius:10px;width:760px;height:120px;position:absolute;top:130px;right:50px}#footer{text-align:right;height:108px;margin-left:auto;margin-right:auto;padding:3px 6px 3px 0;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:10px;line-height:220%;position:absolute;bottom:0;left:0;right:0}#left-ad{z-index:1;width:300px;height:600px;position:absolute;top:0;left:-310px}#right-ad{z-index:1;width:300px;height:600px;position:absolute;top:0;right:-310px}#bgStrip{z-index:-500;height:667px;position:absolute;top:232px;left:0;right:0}#bgStrip div{z-index:-499;background-color:#0000001a;height:479px;display:none;position:absolute;top:10px;left:0;right:0}#sideMenu{z-index:1;width:155px;position:absolute;top:70px}#pageContent{width:830px;min-height:200px;margin-top:70px;margin-left:176px;padding:2px;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:13px}#pageContent.basicContent{width:792px;margin-top:8px;margin-left:200px}#pageContent.fullWidth{width:99%;margin:0 auto}.leftTopMenu{max-width:700px;position:absolute;left:15px}.rightTopMenu{z-index:3;position:absolute;right:15px}#topMenu li{margin-right:20px;list-style:none;display:inline-block}#topMenu li:last-child{margin-right:0}#topMenu a{text-align:center;z-index:5;text-transform:uppercase;border-bottom-right-radius:5px;border-bottom-left-radius:5px;width:90px;padding:6px 0;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:14px;text-decoration:none;display:inline-block;position:relative}#sideMenu .menuDiv{border:5px solid;width:150px;margin-bottom:15px}#sideMenu li{list-style:none}#sideMenu .menuDiv a{text-align:left;text-transform:uppercase;padding:4px 0 4px 8px;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:14px;font-weight:400;text-decoration:none;display:block}#sideMenu .menuDiv li:last-child a{border-bottom:0}.menuAlert{text-align:center;width:16px;height:16px;display:none;position:absolute;top:3px;right:5px;&.visible{display:block}}#subProfile{justify-content:space-evenly;align-items:center;display:flex;& .leftSubProfile,& .rightSubProfile,& .spiritIcon{vertical-align:top;border-radius:10px;height:104px;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;display:inline-block}& .leftSubProfile{width:306px}& .rightSubProfile{width:306px;font-size:13px}& .rightSubProfile p{margin:2px 0 0 7px}& .spiritIcon{width:104px;position:relative}& .poolsDisplay{text-align:center;vertical-align:top;width:190px;height:90px;margin-top:8px;font-size:11px;display:inline-block}& .playerAvatar{width:100px;margin:2px 0 0 2px;display:inline-block;& img{border-radius:8px;max-width:100px;max-height:100px}}}#regenBarBg{width:80px;height:75px;position:absolute;top:15px;right:12px}#regenBarOverlay{width:87px;height:91px;position:absolute;top:7px;left:9px}#container.register{& #content{margin-top:100px}& .system_message{position:absolute;top:5px;left:0;right:0}& #registerBox{box-sizing:border-box;border:1px solid;border-left:0;border-right:0;height:305px;position:absolute;top:25px;left:177px;right:177px;& h3{text-align:center;border-top:0;border-left:0;border-right:0;margin-top:0;margin-bottom:0;padding:5px 0;font-size:14px;line-height:15px}& .content{padding:10px}& p{margin-bottom:10px}& label{width:140px;font-weight:700}& label,& input,& span{vertical-align:middle}& .error{margin-left:4px;display:inline-block}& hr{margin:11px auto 9px}& #submit{margin:auto;position:absolute;bottom:10px;left:0;right:0}}& .shinigamiChar1,& .shinigamiChar2{border:1px solid;width:150px;position:absolute;left:25px}& .shinigamiChar1{border-bottom-width:4px;border-top-left-radius:15px;top:25px}& .shinigamiChar2{top:178px}& .hollowChar1,& .hollowChar2{border:1px solid;width:150px;position:absolute;right:25px}& .hollowChar1{border-bottom-width:4px;border-top-right-radius:15px;top:25px}& .hollowChar2{top:178px}}#screenshotGallery{text-align:center;width:948px;margin:345px auto 10px;& .boxHeader{border-top:0;border-left:0;border-right:0;margin:0;padding:7px 0 4px;font-size:14px;line-height:14px}& .mainImageBox{box-sizing:border-box;margin:0;padding:15px;& img{max-width:100%;transition:opacity .1s linear}}& .thumbnails{justify-content:space-evenly;align-items:center;padding:17px 0;display:flex;& img{cursor:pointer;max-height:100px}}}#subProfile.loginMenu{right:30px;& form{justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex}& input[type=text],& input[type=password]{width:150px}& .leftSubProfile{width:190px}& .rightSubProfile{width:437px}& .loginDetails{text-align:center;vertical-align:top;border-right:1px solid #ffffff0d;width:39.5%;height:100%;margin-right:1.6%;display:inline-block}& .captcha{vertical-align:top;width:57%;padding-top:14px;display:inline-block}& .altCaptcha{text-align:center;padding-top:14px;& div{box-sizing:border-box;background-color:#ececec;border:1px solid #0000001a;border-radius:3px;width:242px;height:61px;padding:1px;display:block}& img{border:1px solid #a0a0a0;border-top-left-radius:3px;border-bottom-left-radius:3px}& p{vertical-align:top;width:121px;height:55px;margin:0;display:inline-block}& label{color:#303030;margin:5px 0 4px;display:block}& input{background-color:#f4f4f4;border:1px solid #a0a0a0;border-radius:3px;width:90px}}& .altCaptchaPrompt,& .captchaPrompt{text-align:center;opacity:.8;cursor:pointer;user-select:none;margin-right:7px;font-size:.8em;display:block}& .altCaptchaPrompt:hover,& .captchaPrompt:hover{cursor:pointer;text-decoration:underline}& .captchaPrompt{margin-top:6px}& .altCaptchaPrompt{margin-top:-7px}& .spiritIcon input{text-align:center;text-transform:uppercase;border:2px solid;border-radius:10px;width:100px;height:100px;margin:2px 0 0 2px;padding-top:18px;padding-bottom:18px;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:18px;font-style:italic;display:block}& .spiritIcon input:hover{cursor:pointer}}.g-recaptcha{transform-origin:0 0;background-color:#eaeaea;border-radius:3px;min-width:302px;height:75px;transform:scale(.8)}#subProfile .orangeButton{text-transform:capitalize;border-radius:5px;padding:5px 8px;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}#subProfile .orangeButton:hover{cursor:pointer}#characterSelect,#createCharacter{text-align:center;border:1px solid;border-radius:10px;width:94.5%;margin-left:auto;margin-right:auto}#characterSelect .orangeSubHeader,#createCharacter .orangeSubHeader{border-top-left-radius:10px;border-top-right-radius:10px}#characterSelect .characterDisplay{vertical-align:top;text-align:left;border:1px solid;border-radius:10px;width:325px;height:100px;margin:15px 10px;padding:8px;display:inline-block;position:relative;& .avatarContainer{background:#0003;width:100px;height:100px}& img.avatar{max-width:100px;max-height:100px;margin-left:1px}& .name{text-align:center;height:20px;font-size:16px;font-weight:700;position:absolute;top:5px;left:114px;right:5px}& .level{text-align:center;height:20px;font-size:13px;position:absolute;top:32px;left:114px;right:5px}& .location{text-align:center;height:20px;font-size:13px;position:absolute;top:54px;left:114px;right:5px}& .selectButton{text-align:center;position:absolute;bottom:9px;left:164px;right:55px}& a.createButton{text-align:center;border-radius:10px;justify-content:center;align-items:center;font-size:18px;line-height:18px;display:flex;position:absolute;inset:32px 55px}& a.close{width:27px;height:27px;font-family:Verdana,Geneva,sans-serif;font-size:25px;position:absolute;top:-15px;right:-15px}& .inBattle{text-align:center;font-size:15px;font-weight:700;position:absolute;top:54px;left:174px;right:65px}}.poolBarContainer{border:1px solid;border-radius:10px;width:100%;height:15px;margin-bottom:5px;position:relative;overflow:hidden}.poolsDisplay .poolBarContainer:last-child{margin-bottom:0}div.poolBarContainer div.displayText{text-align:center;width:100%;height:13px;padding-top:2px;font-size:12px;font-weight:700;line-height:13px;position:absolute;top:0}div.poolBarContainer div.fill{border-radius:10px;height:15px}#regenBarFillCover{width:100%}#notifications{text-align:center;width:178px;min-height:30px;position:absolute;top:25px}#notifications a{vertical-align:bottom;font-weight:700;text-decoration:none}#notificationSlider{vertical-align:middle;width:124px;margin:0;display:inline-block}#notificationSlider p.notification{text-align:center;vertical-align:middle;width:124px;margin:0 1px}#notificationSlider p.notification:first-child{display:block}#notificationLeftButton,#notificationRightButton{cursor:pointer;width:20px;height:20px;display:inline-block}#notificationLeftButton{vertical-align:middle;margin-right:3px}#notificationRightButton{vertical-align:middle;margin-left:3px}#notifications .glow a{animation-name:glowPulse;animation-duration:.8s;animation-timing-function:ease;animation-iteration-count:infinite;animation-direction:alternate}#logoutPrompt{text-align:center;display:none}#logoutPrompt button{margin-top:10px;margin-left:auto;margin-right:auto;display:block}.pageCover{z-index:5;background-color:#64646480;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeToVisible{0%{opacity:0}to{opacity:1}}#friendsList{width:12.5em;display:inline-block;position:fixed;bottom:0;box-shadow:0 0 2px #00000080}#friendsList .subHeader{text-align:left;width:11.6em;height:21px;padding-top:8px;padding-left:.8em;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:16px;font-weight:700;position:relative}#friendsList .subHeader span{z-index:50;position:relative}#friendsList .subHeader:hover{cursor:pointer}#friendsList .subHeader:before{z-index:25;opacity:0;content:"";padding:0 5%;display:block;position:absolute;inset:0}#friendsList .subHeader.newMessage:before{animation-name:fadeToVisible;animation-duration:.7s;animation-timing-function:ease;animation-iteration-count:infinite;animation-direction:alternate}#friendsList .subHeader:hover:before{z-index:-50}#friendsList .errorMessage{text-align:center;padding:4px 0;font-weight:700}#onlineFriends{width:12.4em;max-height:22em;overflow-y:scroll;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background-color:inherit}&::-webkit-scrollbar-thumb{border-radius:10px}& li{text-align:left;text-transform:uppercase;width:97%;padding:4px 0 4px 3%;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:14px;text-decoration:none;list-style:none;display:block;position:relative}& li:last-child{border-bottom:0}& li:hover{cursor:pointer}& .online,& .inactive,& .offline{vertical-align:baseline;border:4px solid;border-radius:50px;width:4px;height:4px;margin-right:5px;display:inline-block}}#messages{z-index:7;text-align:left;width:auto;height:36px;position:fixed;bottom:0}#messages .conversation{vertical-align:top;width:14em;margin-left:5px;display:inline-block;position:relative;box-shadow:0 0 2px #00000080}#messages .conversation.open{top:-253px}#messages .conversation.group{width:16em}#messages .conversationHeader{box-sizing:border-box;border:1px solid;width:100%;height:36px;padding:8px 5% 0;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:16px;font-weight:700;position:relative}#messages .conversationHeader:before{z-index:25;opacity:0;content:"";padding:0 5%;display:block;position:absolute;inset:0}#messages .conversationHeader.newMessage:before{animation-name:fadeToVisible;animation-duration:.7s;animation-timing-function:ease;animation-iteration-count:infinite;animation-direction:alternate}#messages .conversationHeader:hover:before{z-index:-50}#messages .conversationHeader:hover{cursor:pointer}#messages .conversationHeader span{z-index:50;margin-top:7px;display:inline-block;position:relative}#messages .conversationMessages{height:230px;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:13px;overflow:hidden scroll}#messages .conversationMessages::-webkit-scrollbar{width:6px}#messages .conversationMessages::-webkit-scrollbar-track{background-color:inherit}#messages .conversationMessages::-webkit-scrollbar-thumb{border-radius:10px}#messages .conversationMessages img{max-width:50px;max-height:40px}#messages .receivedMessages,#inbox .receivedMessages,#pageContent .receivedMessages{text-align:left;word-wrap:break-word;padding:5px 10px 5px 5px}#messages .sentMessages,#inbox .sentMessages,#pageContent .sentMessages{text-align:right;word-wrap:break-word;padding:5px 5px 5px 10px}#inbox .receivedMessages{padding-right:20px}#inbox .sentMessages{padding-left:20px}#inbox .receivedMessage,#inbox .sentMessage{white-space:pre-wrap}#messages .receivedMessage,#messages .sentMessage{margin-bottom:4px}#messages input{width:98%;margin-left:auto;margin-right:auto;display:block}#messages .close{float:right;z-index:50;text-align:center;border:1px solid #0000;border-radius:6px;width:20px;padding-left:1px;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:16px;font-weight:700;position:relative}#inbox{border-top-left-radius:10px;border-top-right-radius:10px;width:97%;height:45em;margin-top:20px;margin-left:auto;margin-right:auto;position:relative;& .system_message{height:1.2em;position:absolute;top:-19px;left:0;right:0}& .settingsContainer{z-index:5;justify-content:center;align-items:center;width:24px;height:24px;margin:auto;display:flex;position:absolute;top:0;bottom:0;right:5px}& .settingsIcon{width:20px;height:20px}& .settingsIcon:hover{filter:brightness(150%)}& .conversationMenu{width:120px;height:61px;display:block;position:absolute;top:28px;right:0}& .conversationMenu:before{content:"";border-style:solid;border-width:5px 7px;width:0;margin:0 auto;position:absolute;bottom:100%;right:4px}& button.newConversation{border-radius:0;outline:none;width:196px;height:32px;position:absolute;top:26px}}#pageContent p.orangeSubHeader.inboxHeader{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:16px;margin-top:0;margin-left:auto;margin-right:auto;position:relative}#conversationList{width:195px;display:inline-block;position:absolute;top:58px;bottom:0;left:0;overflow-y:scroll}#conversationList::-webkit-scrollbar{width:6px}#conversationList .conversationHeader{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;padding:10px 0 10px 10px;position:relative}#conversationList .conversationHeader:hover{cursor:pointer}#conversationList .menuAlert{width:17px;height:20px;font-family:monospace;font-size:16px;top:10px}#conversationMessages{width:auto;display:inline-block;position:absolute;inset:27px 0 5em 196px;overflow-y:scroll}#messageInput{width:auto;height:5em;display:inline-block;position:absolute;bottom:0;left:196px;right:0}#messageInput textarea{border:0;width:85%;height:100%}#messageInput button{width:10%;position:absolute;top:1.5em;right:2.3%}#newConversationBox{text-align:center;background-clip:padding-box;border-radius:10px;width:25em;height:16em;margin-left:auto;margin-right:auto;position:absolute;top:10em;left:0;right:0}#newConversationBox .orangeSubHeader{border-top-left-radius:9px;border-top-right-radius:9px;margin-bottom:.3em}#newConversationBox a.close{width:14px;height:14px;text-shadow:none;text-align:center;padding:2px;line-height:1.1em;position:absolute;top:1px;right:5px}#newConversationBox input{margin-bottom:.7em}#newConversationBox textarea{width:23em;height:5em}#newConversationBox button{margin-top:.8em}.time{font-size:10px;font-weight:700}#pageContent a.accountMessages .menuAlert{border-radius:3px;height:17px;display:block;top:3px;right:5px}#profileContainer{border-color:inherit;display:flex;& hr{border-top:0;width:95%;height:0}}#characterInfoContainer{box-sizing:border-box;vertical-align:top;flex-direction:column;justify-content:space-evenly;width:36%;padding:7px;display:inline-flex;& hr{width:100%;margin:4px 0}& label{width:107px;margin:1px 0}& span.value{min-width:35px;display:inline-block}}#primaryInfoContainer{box-sizing:border-box;vertical-align:top;border-left:2px solid;border-right:2px solid;border-color:inherit;width:28%;padding:7px 0;display:inline-block}#statInfoContainer{box-sizing:border-box;vertical-align:top;flex-direction:column;place-content:center space-evenly;align-items:center;width:36%;margin:0;padding:7px 0;display:inline-flex;& label{width:134px;height:19px;padding-left:3px;font-weight:700}& label:first-child{width:153px}& .stat{align-items:center;margin:2px 0;display:flex}& .stat:last-child{margin-bottom:0}}.statIcon{vertical-align:middle;width:26px;height:26px;margin-right:2px}#pageContent div.apSwap{margin-top:5px}#apSwap{margin:2px 0;& .apLabels{vertical-align:top;flex-direction:column;justify-content:center;align-items:center;width:325px;height:83px;display:inline-flex;& label{width:165px;margin:4px auto}& span.value{width:70px;display:inline-block}}& form{width:435px;margin-top:2px;margin-left:6px;display:inline-block}& div.radio{text-align:justify;width:425px;margin-left:auto;margin-right:auto}& .radio label{border-radius:5px;width:91px;margin-bottom:3px;margin-right:5px;padding:2px 3px}& .radio label:last-child{margin-right:0}& span{padding:0}}#pageContent .apSwap{& span{padding:0}& .radio label{border-radius:5px;width:95px;margin-bottom:4px;padding:2px 3px}}.swapAmounts{text-align:center;height:20px;margin:3px auto;font-weight:700}.swapAmounts span{display:none}.userPoints{justify-content:space-evenly;padding:20px 0;display:flex;& .points{width:155px;height:95px;display:inline-block;& label{text-align:left;min-width:85px;margin:5px 0 0;font-weight:700}& span{text-align:right;width:35px;display:inline-block}}}#characterInfoContainer audio{max-width:95%;margin-top:3px;margin-bottom:5px}.onlineStatus{text-shadow:1px 1px #0000004d;margin-bottom:1px;font-size:16px}.onlineStatus.online{color:#00af00}.onlineStatus.inactive{color:#efdb22}.onlineStatus.offline{color:#f44}.seatLabel{vertical-align:middle;font-size:1.1em;display:inline-block}#pageContent img.seatImage{vertical-align:middle;max-height:30px}#pageContent div.journalCharacter{width:26.5%;margin-bottom:2px;padding:3px;display:inline-block;overflow:hidden;& img{float:left;width:50px;height:50px}& div{text-align:left;margin-top:7px;margin-left:55px;position:relative;overflow:hidden}}.achievementGrid{flex-wrap:wrap;justify-content:space-evenly;padding:15px;display:flex}#pageContent .achievementDisplay{width:230px;height:120px;margin:15px auto;display:inline-block;position:relative;& img{width:45px;height:40px;position:absolute;top:-19px;left:-23px}& .name{margin-top:5px;font-size:14px;font-weight:700}& .prompt{justify-content:center;align-items:center;height:45px;display:flex}& .poolBarContainer{border:1px solid #606060;width:auto;height:15px;margin:0;position:absolute;bottom:8px;left:15px;right:15px}& .progressbar .fill{border-radius:10px;height:15px}& .progressbar .displayText{text-align:center;width:100%;height:13px;padding-top:2px;font-size:12px;font-weight:700;line-height:13px;position:absolute;top:0}}#achievementContainer{vertical-align:middle;text-align:center;opacity:0;background:url(../images/achievement_bg.png) no-repeat;border-radius:10px;width:310px;height:409px;transition:opacity .35s linear;position:relative;overflow:hidden;& div.name,& div.prompt,& div.reward{text-align:center;justify-content:center;align-items:center;margin:2px 30px;display:flex}& div.title{text-align:center;color:#fff;text-shadow:-1px 0 #cb461e,-1px -1px #cb461e,0 -1px #cb461e,1px -1px #cb461e,1px 0 #cb461e,1px 1px #cb461e,0 1px #cb461e,-1px 1px #cb461e;height:30px;margin-top:54px;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:18px}& div.name{height:35px;font-family:lucida sans unicode,sans-serif;font-size:18px;font-weight:700}& img.rank{margin:4px auto 6px}& div.prompt{height:40px;font-style:italic}& div.reward{height:40px;overflow:hidden auto}& div.footer{text-align:center;height:30px;position:absolute;bottom:65px;left:0;right:0}& button{color:#fff;text-shadow:-1px 0 #cb5f28,-1px -1px #cb5f28,0 -1px #cb5f28,1px -1px #cb5f28,1px 0 #cb5f28,1px 1px #cb5f28,0 1px #cb5f28,-1px 1px #cb5f28;letter-spacing:.5px;background:linear-gradient(#ff9700,#ffbf00,#f99400,#f99400);border:1px solid #ae572a;border-radius:10px;padding:5px 8px;font-family:Arial,Helvetica,sans-serif;font-size:14px}& button:hover{cursor:pointer;text-shadow:-1px 0 #c86a2e,-1px -1px #c86a2e,0 -1px #c86a2e,1px -1px #c86a2e,1px 0 #c86a2e,1px 1px #c86a2e,0 1px #c86a2e,-1px 1px #c86a2e;background:linear-gradient(#ff9700,#ffb400,#eb8c00,#e27d00)}}.achievementBox{flex-wrap:wrap;justify-content:space-evenly;align-items:center;margin:2px auto;display:flex}.achievementIcon{vertical-align:middle;margin:5px}.achievementIcon.legendary{height:initial;width:initial}.achievementIcon.elite{max-width:35px;max-height:25px}#pageContent .friendDisplay{vertical-align:top;border:1px solid;border-radius:8px;width:17.2em;height:93px;margin-bottom:1em;margin-left:.8em;padding:5px;display:inline-block;position:relative}#pageContent .friendName{vertical-align:top;word-wrap:break-word;justify-content:flex-start;align-items:center;width:10.1em;height:30px;font-weight:700;line-height:1.1em;display:inline-flex;position:absolute;top:0;left:6px}#pageContent .friendDisplay hr{border-style:solid;position:absolute;top:23px;left:0;right:0}#pageContent .friendTitle{text-align:center;width:11em;height:1em;position:absolute;top:2.1em;left:5em}#pageContent .friendDisplay form{text-align:center;position:absolute;top:3px;right:4px}#pageContent .friendDisplay input{padding:3px 5px}#pageContent .friendDisplay img{max-width:61px;max-height:61px;position:absolute;top:37px;left:6px}#pageContent .friendDisplay img.friendRaceIcon{right:4px;left:initial;max-width:34px;position:absolute;top:35px}#pageContent .friendDisplay .noCharacter{text-align:center;position:absolute;top:57px;left:0;right:0}#pageContent .friendDisplay .characterName{text-align:center;position:absolute;top:57px;left:69px;right:25px}#pageContent .teamMember,#pageContent .allyHealDisplay{vertical-align:top;border:1px solid;border-radius:5px;width:250px;height:131px;margin:4px 0;display:inline-block;position:relative;overflow:hidden}#pageContent .teamMember{& form{z-index:3;text-align:center;position:absolute;top:3px;right:3px}& input{padding:2px 5px}& .avatar{text-align:center;background-color:#000;width:90px;height:90px;position:absolute;top:34px;left:5px}& img{vertical-align:middle;max-width:100%;max-height:100%}& .characterName{text-align:center;border-top-left-radius:5px;border-top-right-radius:5px;width:auto;height:17px;position:absolute;top:0;left:0;right:0}& .characterName a{color:inherit}& .characterName a:hover{color:initial}& .eliteSquadIcon{z-index:3;border-radius:4px;width:25px;height:25px;position:absolute;top:35px;right:6px}& .location{line-height:17px;position:absolute;top:31px;left:100px;right:30px}& .poolsDisplay{position:absolute;top:67px;left:102px;right:8px}}#pageContent .teamMember .poolBarContainer,#pageContent .allyHealDisplay .poolsDisplay{margin-bottom:3px}#pageContent .allyHealDisplay{width:250px;height:108px}#pageContent .allyHealDisplay .poolsDisplay{position:absolute;top:36px;left:5px;right:61px}#pageContent .allyHealDisplay .poolBarContainer{margin-bottom:8px}#pageContent .allyHealDisplay .subHeader{height:26px;padding:0}#pageContent .allyHealDisplay .name{text-align:center;font-size:14px;font-weight:700;display:inline-block;position:absolute;top:5px;left:5px}#pageContent .allyHealDisplay .level{text-align:center;font-size:14px;font-weight:700;display:inline-block;position:absolute;top:5px;right:5px}#pageContent .allyHealDisplay .healButton{justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;bottom:4px;right:5px}#pageContent .allyHealDisplay .cost{width:48px;font-weight:700;position:absolute;right:5px}#pageContent .allyHealDisplay .cost.stamina{font-size:14px;line-height:15px;top:30px}#pageContent .allyHealDisplay .cost.spiritEnergy{font-size:14px;line-height:15px;top:45px}#pageContent .invalidAlly{color:#e03010;font-weight:700}#pageContent .healResults{width:350px;margin:5px auto;padding:5px;& label{width:160px}}th.playerName,th.opponentName{width:50%}.fighterInfoDisplay{vertical-align:top;text-align:center;justify-content:space-evenly;align-items:center;min-height:150px;padding:5px 2px;display:flex;& .poolsDisplay{vertical-align:middle;width:185px;margin:0;display:inline-block}& .fighterName{flex-direction:row;align-items:center;gap:8px;margin-bottom:6px;font-weight:700;display:inline-flex}& .specBadge{vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-right:4px;padding:2px;font-size:1.1em;line-height:1;display:inline-flex;&.specBadge-melee{color:#ff6b6b;background:#b4000033;box-shadow:0 0 5px 2px #c8000080}&.specBadge-spirit{color:#6b9fff;background:#003cb433;box-shadow:0 0 5px 2px #0050c880}&.specBadge-balanced{color:#d088ff;background:#6400b433;box-shadow:0 0 5px 2px #7800c880}}}.sideFighterDisplays{width:108px;height:630px;position:absolute;top:0;& .fighterInfoDisplay{box-sizing:border-box;text-align:center;border:0;height:33.34%;padding:4px 2px 0;display:block}& .fighterInfoDisplay:first-child{margin-top:0}& .fighterInfoDisplay:last-child{margin-bottom:0}& .fighterName{color:#f0f0f0;text-shadow:-1px 0 #0009,-1px -1px #0009,0 -1px #0009,1px -1px #0009,1px 0 #0009,1px 1px #0009,0 1px #0009,-1px 1px #0009;align-content:center;align-items:center;gap:4px;height:45px;margin:1px auto 0;line-height:15px;display:inline-flex}& .poolsDisplay{flex-direction:column;justify-content:space-evenly;align-items:center;width:100px;height:57px;margin:0;display:inline-flex}& .poolBarContainer{border-radius:0;margin-bottom:2px}& .poolBarContainer .fill{border-radius:0}& .fighterInfoDisplay.playerTeam1{background:linear-gradient(90deg,#2d2ca0,#2e2db4,#2a298c)}& .fighterInfoDisplay.playerTeam2{background:linear-gradient(#0099c7,#00afdf,#0086b3)}& .fighterInfoDisplay.playerTeam3{background:linear-gradient(#00c79e,#00dfb5,#00b38b)}& .fighterInfoDisplay.enemyTeam1{background:linear-gradient(#c00000,#de0000,#ac0000)}& .fighterInfoDisplay.enemyTeam2{background:linear-gradient(#e77b00,#fb8f00,#d36b00)}& .fighterInfoDisplay.enemyTeam3{background:linear-gradient(#ecb500,#ffc800,#d7a000)}}.sideFighterDisplays.left{left:0}.sideFighterDisplays.right{right:0}#pageContent .abilityButtonContainer.default{width:17em;margin-bottom:8px}#pageContent .abilityButtonContainer.equipped{width:18em;margin-left:3px;margin-right:3px}#pageContent .abilityButtonContainer.action{width:13em;margin-bottom:8px}#pageContent .abilityButtonContainer.action.narrow{width:10.1em}#pageContent .abilityButtonContainer.right{float:right}#pageContent .abilityButtonContainer.left{float:left;margin-right:0}#pageContent .abilityButton{min-height:2.5em}#pageContent .abilityButtonInfo{text-align:left;border-top-left-radius:5px;border-top-right-radius:5px;min-height:40px;margin-left:auto;margin-right:auto;padding:2px 0;position:absolute;bottom:31px;left:2.5%;right:2.5%}.abilityButtonInfo label,.equipTooltip label{width:3.5em;margin-left:5px;font-weight:700}.abilityButtonInfo .useCost,.equipTooltip .useCost,.equipHeader .useCost{font-size:14px;font-weight:700;position:absolute;top:11px;right:11px}.abilityButtonInfo .effect,.equipTooltip .effect,.equipHeader .effect{text-align:center;text-transform:capitalize;width:100%;display:block}#pageContent .consumable{width:215px;margin:10px;display:inline-block;& h3{margin:0 0 8px;padding:2px 0;font-size:15px}& .actions{text-align:center;padding:1px 0 6px}& a.button,& a.orangeButton{width:50px;margin:5px 10px}& a.orangeButton{padding:7px 9px}}.tooltip{justify-content:center;margin-left:5px;display:inline-flex;position:relative;& span{cursor:default;border:1px solid;border-radius:15px;justify-content:center;align-items:center;width:12px;height:12px;padding:1px;font-family:sans-serif;font-size:11px;font-weight:700;line-height:10px;display:inline-flex}& .content{text-align:center;z-index:10;visibility:hidden;opacity:0;border:1px solid #0000;border-radius:6px;width:150px;padding:5px;transition:opacity .5s;position:absolute;bottom:20px}& .content:after{content:"";border-style:solid;border-width:5px 7px;width:0;margin:0 auto;position:absolute;top:99%;left:0;right:0}& .content.bottom{top:20px;bottom:auto}& .content.bottom:after{top:auto;bottom:100%}& .content.left{right:-5px}& .content.left:after{left:auto;right:7px}& .content.right{margin-left:50px}& .content.right:after{margin-left:-55px}}.tooltip.activeTip .content{visibility:visible;opacity:1}#opMapContainer{display:inline-block}#opMapContainer,#opMap{width:400px;height:400px;position:relative}#opMap .opSquare,#opMap .opTeamContainer{z-index:3;border:1px solid #000;width:38px;height:39px;padding-right:1px;position:absolute}#opMap .opTeamContainer{border:none;width:40px;height:40px;padding-right:0}#opMap .opSquare:hover{cursor:pointer}#opMap .opSquare:hover:before{content:"";z-index:4;background-color:#fff3;width:100%;height:100%;position:absolute}#opMap .opSquare.teamSquare:hover:before{cursor:auto;background:0 0}#opMap .opTeam{justify-content:center;align-items:center;width:40px;height:40px;display:flex}#opMap .opTeam img{user-select:none;width:30px;height:30px}#opStatus{vertical-align:top;border:1px solid;border-radius:10px;width:300px;height:350px;margin-top:15px;margin-left:35px;padding:5px;display:inline-block}#opStatus .patrolActionButton{width:100%;margin-top:10px;margin-bottom:5px;display:inline-block}#opStatus .patrolActionButton:last-child{margin-bottom:0}#opMap .enemy:after{content:"";z-index:2;background-color:#fc0000;border:3px solid #000;border-radius:50px;justify-content:center;align-items:center;width:18px;height:18px;margin:7px 0 0 3px;position:absolute;box-shadow:0 0 1px 1px #fff}#opMap .target:after{content:"";z-index:2;background-color:#fcf600;border:3px solid #000;border-radius:50px;width:20px;height:20px;margin:7px 0 0 3px;position:absolute;box-shadow:0 0 1px 1px #fff}label{display:inline-block}#pageContent .orangeButton{border-radius:5px;outline:none;padding:5px 8px;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:13px;font-weight:700;display:inline-block}#pageContent .orangeButton:hover{cursor:pointer}#pageContent .orangeButton.disabled{opacity:.5}.subHeader{text-align:center;text-transform:uppercase;border-bottom-width:1px;width:100%;padding:5px 0;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:14px;font-weight:700}p.redSubheader,p.orangeSubHeader{text-align:center;text-transform:uppercase;width:100%;padding:5px 0;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:14px;font-weight:700}h3.subHeader{border-style:solid;border-width:1px}.boxHeader{background:linear-gradient(#0003,#0006);margin:0 0 3px;padding:4px 0}p.serverTime{border-style:solid;border-width:1px;border-radius:25px;width:94%;margin-bottom:6px;margin-left:auto;margin-right:auto}table{border-spacing:0;width:94.5%;color:inherit;font-size:inherit;background-clip:padding-box;border:1px solid;border-radius:10px;margin-bottom:3px;margin-left:auto;margin-right:auto;padding:0;overflow:hidden}table.fullWidthDesktop{width:99%}th{text-align:center;text-transform:uppercase;padding:5px 0;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:14px}td{max-width:100%;padding:5px}td.social{text-align:center;white-space:pre-wrap;padding:0;position:relative}.clickTarget{cursor:pointer}.box{border-style:solid;border-width:1px}.box.eventAI{vertical-align:text-top;width:calc(49% - 10px);min-height:150px;margin:0 auto 3px;padding:5px;display:inline-block}.box.eventAI .aiDescription{height:115px}.box.eventAI .avatar{float:left;width:100px;height:100px;margin-top:8px;margin-left:10px;margin-right:10px}.row1,.row2{border:0;padding-top:1px;padding-bottom:1px}td.plain{border:0;padding:0}.flexCenter{flex-wrap:wrap;justify-content:space-evenly;align-items:center;display:flex}.center{text-align:center}.textLeft{text-align:left}.textRight{text-align:right}.bold{font-weight:700}br.clear{clear:both;height:0;margin:0;padding:0}a,#pageContent a,.conversationMessages a{font-weight:700;text-decoration:none}a:hover,#pageContent a:hover,.conversationMessages a:hover{cursor:pointer}#pageContent .button,.button,.ui-button{-webkit-user-select:none;text-transform:capitalize;border-radius:5px;outline:none;padding:.2em .8em;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-weight:400;line-height:normal;display:inline-block}#pageContent a.button{margin:2px 0;font-weight:400}#pageContent a.button:hover{font-weight:400}#pageContent .button:hover{cursor:pointer;font-weight:400}.textStroke{letter-spacing:1px;font-weight:700}#pageContent .displayBox,.displayBox{border-style:solid;border-width:1px}.rounded,#pageContent .rounded{border-radius:5px}.rounded .subHeader,#pageContent .rounded .subHeader{border-top-left-radius:5px;border-top-right-radius:5px}.globalMessage{text-align:center;border-radius:15px;width:85%;margin:2px auto 8px;position:relative}.globalMessage .header{text-align:center;margin:2px auto 3px;font-family:Arial,Helvetica,sans-serif;font-size:1.4em;font-weight:700;display:inline-block}.globalMessage .message{text-align:center;white-space:pre-wrap;word-wrap:break-word;padding:1% 1% 0}.globalMessage .time{text-align:right;margin-right:5px;font-style:italic}.globalMessage .close{width:1.5em;height:1.5em;font-family:Verdana,Geneva,sans-serif;position:absolute;top:-17px;right:-14px}#pageContent .globalMessage a.close{font-size:2em;font-weight:700}.system_message{text-align:center;margin-bottom:6px;font-family:Trebuchet MS,Helvetica,sans-serif;font-weight:700}#content table img{max-width:100%}#content table td{overflow-wrap:break-word}#socialCheckboxes{vertical-align:top;text-align:right;width:185px;height:100px;margin-top:5px;padding-top:20px;display:inline-block}#socialPostBox{text-align:center;width:400px;height:148px;margin-top:5px;margin-bottom:3px;display:inline-block;position:relative}#socialPostBox textarea{width:365px;height:120px}#socialPostBox button{margin-top:6px}#socialPostBox #chcount{opacity:.6;position:absolute;top:122px;right:17px}#socialButtons{vertical-align:top;text-align:center;width:10em;height:150px;margin-top:5px;margin-bottom:3px;margin-left:25px;display:inline-block}#socialButtons .button{width:6.5em}#socialButtons .button.newPosts{display:inline-block;position:relative;overflow:hidden}#socialButtons .button.newPosts:before{content:"";background-color:#ffffff80;width:20px;height:20px;position:absolute;top:-10px;right:-11px;transform:rotate(45deg)}.chatUsername{font-size:14px;font-weight:700}.deletePost{vertical-align:middle;cursor:pointer;border:0}td.socialNameBox{width:24%;padding-bottom:16px}td.socialMessageBox{width:68%;padding-bottom:5px;position:relative}td.socialReportBox{width:8%}.staffTitle{text-transform:uppercase;width:100%;margin:0;padding:0;font-size:10px;font-weight:700;position:absolute;bottom:0}#pageContent a.mod:hover,#pageContent a.headMod:hover,#pageContent a.admin:hover,#pageContent a.headAdmin:hover{text-decoration:underline}.postTime{font-size:.8em;font-style:italic;position:absolute;bottom:0;right:3px}.ChatIcon{max-width:40px;max-height:25px;margin-left:1px}#tabs.premiumShop{& .ui-tabs-panel{text-align:left}& .ui-button-text{padding:.2em .6em}& .ui-buttonset .ui-button{border-radius:5px}& hr{border:0;height:1px;margin-top:12px;margin-bottom:12px}& label{text-align:left}& .leftDiv{vertical-align:top;text-align:left;width:65%;display:inline-block}& .rightDiv{vertical-align:top;text-align:right;width:34%;display:inline-block}}.memeDisplay{vertical-align:top;width:133px;height:133px;margin:5px;display:inline-block}.shardPack{width:165px;min-height:60px;margin:20px 25px;padding:5px 5px 12px;display:inline-block}.stripe-button-el{-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;user-select:none;cursor:pointer;background-image:linear-gradient(#28a0e5,#015e94);border:0;border-radius:5px;padding:1px;text-decoration:none;display:inline-block;overflow:hidden;box-shadow:0 1px #0003;visibility:visible!important;& span{color:#fff;text-shadow:0 -1px #00000040;background:#1275ff linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);border-radius:4px;height:30px;padding:0 12px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:700;line-height:30px;display:block;position:relative;box-shadow:inset 0 1px #ffffff40}}.referrals{& .rewardBox{border-radius:10px;width:250px;margin:20px 50px;padding-bottom:8px;display:inline-block;& label{text-align:left;width:70px;margin-left:12px}& span{text-align:left;width:110px;display:inline-block}}& .boxHeader{border-top-left-radius:9px;border-top-right-radius:9px;margin-bottom:7px}}.moveDisplayLeftColumn{vertical-align:top;width:50%;display:inline-block}.moveDisplayLeftColumn label{width:7.5em;font-weight:700}.moveDisplayRightColumn{vertical-align:top;width:49%;display:inline-block}.moveDisplayRightColumn label{width:5em;font-weight:700}.effectDisplay{max-width:265px;margin:0;display:inline-block}.shopStatLabel{width:185px}.shopStatName{margin-right:5px;font-weight:700}#equip .quick-sets{flex-wrap:wrap;justify-content:space-evenly;padding:4px;display:flex}#equip button.quickSet{user-select:none;border-radius:0;flex-basis:23.6%;margin:5px;padding-left:0;padding-right:0}h3.moveHeader label{cursor:pointer}.equipSlots{flex-wrap:wrap;place-content:space-evenly;width:85%;height:100%;display:inline-flex}.equip-slots-outer{height:330px}.equip-slots-outer.compact{height:200px}div.equipSlot{border-style:solid;border-width:1px;border-radius:20px;justify-content:center;width:201px;height:60px;margin:auto;display:inline-flex;position:relative}.signature-container{background:#ffffff0a;border:2px solid #3f1d0b;border-radius:20px;align-items:center;gap:15px;padding:8px 16px;display:inline-flex}.signature-info{flex-direction:column;gap:4px;display:flex}.signature-label{opacity:.85;font-size:13px;font-weight:700}.signature-description{opacity:.7;flex-direction:column;gap:2px;font-size:12px;display:flex}.abilityButton.signature-move{background:#8b4513 linear-gradient(#b8860b,#8b4513)!important;border-color:gold!important}div.equipHelper{text-align:center;border-radius:15px;width:140px}div.equipHelper span{margin:5px;display:inline-block}div.equippedMove{text-align:center;cursor:pointer;border-style:solid;border-width:1px;border-radius:15px;justify-content:center;align-self:center;align-items:center;width:172px;height:38px;margin-left:auto;margin-right:auto;padding:5px 8px;font-weight:700;display:flex;position:relative}div.equipTooltip{z-index:3;text-align:left;width:200px;height:61px;margin:auto;padding:1px;position:absolute;top:60px;left:0;right:0}div.equipTooltip.up{top:auto;bottom:61px}div.equipTooltip.item{width:160px;height:55px}div.equipTooltip:before{content:"";pointer-events:none;z-index:2;border-style:solid;border-width:8px 12px;border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;width:0;height:0;margin:auto;position:absolute;top:-15px;left:0;right:0}div.equipTooltip.up:before{border-style:solid;border-width:8px 12px;border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:auto;bottom:-15px}div.equipTooltip label{font-weight:700}.switchEquipType{vertical-align:top;justify-content:center;align-items:center;width:14.5%;height:calc(100% - 30px);margin-top:15px;margin-bottom:15px;display:inline-flex}.switchEquipType.left{border-right:1px solid #fff3}.switchEquipType.right{border-left:1px solid #fff3}.abilitySlots,.itemSlots{width:817px;transition:all .5s linear;position:absolute;top:0;bottom:0}.abilitySlots{left:-100%}.abilitySlots.active{left:0}.itemSlots{right:-100%}.itemSlots.active{right:0}span.equipButton{text-align:center;border-radius:15px;padding:0 5px}#pageContent .equipCategoryTabs{box-sizing:border-box;width:40%;padding:6px 0 0 5px;display:inline-block;& li{border-bottom:0;margin-right:8px;list-style:none;display:inline-block}& a{padding:4px 5px 3px 4px}& .statIcon{max-width:22px;max-height:22px;margin-right:4px}& span{vertical-align:middle}}.equipFilters{vertical-align:top;justify-content:flex-end;align-items:center;width:60%;height:32px;margin-top:3px;display:inline-flex;& label{vertical-align:middle;margin-left:3px;margin-right:20px}& input{vertical-align:middle;cursor:pointer;width:15px;height:15px}}.equipFilterLabel{border-bottom:1px solid #0000;padding-top:1px}.equipFilterLabel:hover{cursor:pointer;border-bottom:1px solid}.equipMoveListDisplay{border:0;border-top:1px solid;border-color:inherit;background-color:#0000001a;padding:4px}.equipList{flex-wrap:wrap;justify-content:left;min-height:332px;display:flex}.equipItem{vertical-align:top;border-radius:8px;width:190px;height:150px;margin:6px;display:inline-block;position:relative}.equipHeader{border-radius:8px;width:100%;height:100%;display:inline-block;position:relative;& h3{box-sizing:border-box;text-align:center;cursor:pointer;border:0;border-bottom:1px solid;border-color:inherit;border-top-left-radius:7px;border-top-right-radius:7px;justify-content:center;align-items:center;width:100%;height:50px;margin:0;padding:1px 8px 0;font-size:13px;font-weight:700;line-height:18px;display:inline-flex}& hr.subtle{border-top:0;margin:4px 0}& .content{padding:5px;position:relative}& .content:hover{cursor:pointer}& .content:hover:before{border-top-color:#ffffff80;border-left-color:#ffffff80}& .content:before{content:"";border-top:2px solid #ffffff4d;border-left:2px solid #ffffff4d;width:9px;height:9px;margin:auto;position:absolute;bottom:-2px;left:0;right:0;transform:rotate(225deg)}& label{font-weight:700}& .sideContainer{text-align:center;width:50%;display:inline-block}& .useCost{top:14px}& .effect{flex-wrap:wrap;place-content:center;align-items:center;height:26px;margin-top:0;margin-bottom:2px;line-height:19px;display:flex;& span{margin:0 3px}}}.equipHeader.detailsActive{z-index:6;border-bottom-color:#ffffff1a;border-bottom-right-radius:0;border-bottom-left-radius:0;& .content:before{bottom:-8px;transform:rotate(45deg)}}.equipDetails{z-index:5;width:530px;padding:8px;position:absolute;top:151px;& .moveDisplayLeftColumn{width:43%}& .moveDisplayRightColumn{width:57%}}.equipDetails.right{left:0}.equipDetails.left{right:-2px}.equipItem.item{height:115px;& label{min-width:70px;font-weight:700}& .content{margin-top:5px}& .content:before{bottom:-6px}& .equipHeader.detailsActive .content:before{bottom:-12px}& .equipDetails{top:116px}}.healItemsContainer{flex-wrap:wrap;justify-content:space-evenly;height:100%;min-height:275px;padding:4px;display:flex}.itemName{text-align:left;width:180px;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:16px;font-weight:700;display:inline-block}#pageContent .instantHeal{text-align:left;width:260px;height:55px;margin:10px auto;padding:5px 2px 5px 10px;& .orangeButton{vertical-align:middle;margin:2px 0;padding:4px 8px}& .itemName{width:180px}& p{margin-top:5px}}#pageContent .healItem{text-align:left;width:285px;margin:auto;padding:5px 2px 5px 10px;position:relative;& .itemName{margin-bottom:4px}& label{width:60px;font-weight:700}& .orangeButton{text-align:center;z-index:2;padding:5px 6px;position:absolute;top:36px;right:82px}& .orangeButton.bottom{right:8px}& .quantity{text-align:center;width:73px;position:absolute;top:6px;right:6px}}.mysticalShop{& .system_message{min-height:1em;margin:5px auto}& .activeBoost{border-radius:5px;width:200px;margin:10px;padding-bottom:4px;display:inline-block}& label.boostButton{border-radius:5px;min-width:100px;margin:5px}& #boostBox{box-sizing:border-box;vertical-align:top;border-right:1px solid #fff3;flex-wrap:wrap;justify-content:space-evenly;align-items:center;width:63%;min-height:102px;padding-right:6px;display:inline-flex}& .prototypeTheme #boostBox{border-right-color:#00000026}& #purchasePreview{vertical-align:middle;width:19%;display:inline-block;& select{min-width:115px;margin:4px 0}& div{margin:4px 0}}& #boostAmount{font-weight:700}& #submitPurchase{vertical-align:middle;flex-wrap:wrap;justify-content:center;align-items:center;width:16%;height:100%;min-height:100px;padding-bottom:2px;display:inline-flex}& #boostMedallionCost{margin-top:7px}& .orangeButton{width:120px}}.arenaOpponent{border-radius:10px;margin:15px;padding:8px 15px 10px;display:inline-block;& h3{margin:0;font-size:13px}& img{margin-top:8px}& input{width:75px}}.easyOpponent,.averageOpponent,.hardOpponent,.extremeOpponent{letter-spacing:.5px;text-shadow:-1px 0 #101010,-1px -1px #101010,0 -1px #101010,1px -1px #101010,1px 0 #101010,1px 1px #101010,0 1px #101010,-1px 1px #101010;margin:7px auto 5px;font-size:14px;display:inline-block}.easyOpponent{color:#5be546}.averageOpponent{color:#f4f522}.hardOpponent{color:#fea240}.extremeOpponent{color:#ff3232}#barracks{border:1px solid;border-radius:10px 10px 30px 30px;width:750px;margin-top:22px;margin-left:auto;margin-right:auto;padding:10px}#barracksContainer{margin-left:auto;margin-right:auto;padding:0;position:relative}#barracksCover{z-index:4;cursor:pointer;background-color:#00000080;transition:background-color .15s;position:absolute;inset:0 0 20px}#barracksCover:hover{background-color:#23232366}table.eliteSquads .founder{vertical-align:middle;text-align:center;width:200px;padding-bottom:8px;display:inline-block}table.eliteSquads .founder img{border:1px solid #707070;border-radius:25px;max-height:200px;margin:5px 0 12px}table.eliteSquads .description{vertical-align:middle;width:550px;display:inline-block}table.eliteSquads p{margin-bottom:8px}table.eliteSquads p:last-child{margin-bottom:3px}.raceHQ .avatarContainer{vertical-align:top;background:#000;display:inline-block}.raceHQ .avatarContainer.raceImage{vertical-align:top;margin:10px;& img{max-width:100%;max-height:100%}}.leader .avatarContainer img,.avatarContainer.assistant img,.squadDisplay .avatarContainer img{max-width:100%;max-height:100%}.raceHQ .raceInfo{vertical-align:top;width:301px;height:175px;margin:10px 5px 10px 0;display:inline-block}.raceHQ .description{height:138px;font-size:12px;font-style:italic}.raceHQ .raceInfo label{min-width:55px;font-weight:700;display:inline-block}.raceHQ .memberCounts{margin:10px}.raceHQ .memberCounts label{vertical-align:top;width:160px;margin-bottom:6px;line-height:15px}.raceHQ .memberCounts span{vertical-align:top;text-align:right;width:68px;line-height:15px;display:inline-block}.raceHQ .memberCounts label:first-child{margin-bottom:20px}.raceHQ .memberCounts label:last-of-type{margin-bottom:0}.raceHQ h3.rowHeader{vertical-align:middle;text-align:center;width:20%;margin:auto;display:inline-block}.raceHQ .boostContainer{vertical-align:middle;justify-content:center;align-items:center;width:75%;height:90px;margin:10px auto;display:inline-flex}.raceHQ .boost{text-align:center;border-style:solid;border-width:1px;border-radius:5px;width:180px;height:65px;margin:auto;padding:5px;display:inline-block}.raceHQ .boost .timeLeft{margin-top:7px;font-size:11px;display:inline-block}.raceHQ .points{vertical-align:middle;text-align:center;width:25%;display:inline-block}.raceHQ .row1,.raceHQ .row2{padding:3px 5px}.raceHQ .row1 label,.raceHQ .row2 label{width:162px}.raceHQ .row1 span,.raceHQ .row2 span{text-align:right;width:85px;display:inline-block}.raceHQ .purchaseBoost{border-style:solid;border-width:1px;border-radius:5px;width:250px;margin:5px auto;padding:5px;display:inline-block}.raceHQ .purchaseBoost select{width:90%;margin:3px auto;display:inline-block}.raceHQ .avatarContainer.assistant{width:125px;height:125px;margin-top:5px;margin-bottom:10px}.raceHQ .leaderInfo{vertical-align:top;width:333px;height:175px;margin-left:10px;display:inline-block;position:relative}.raceHQ .leaderInfo label{margin-bottom:3px;font-weight:700}#pageContent .raceHQ .leaderInfo .challengeButton{justify-content:center;align-items:center;width:100px;height:30px;padding:0;display:inline-flex;position:absolute;top:12px;right:7px}#pageContent .raceHQ .challengeDisplay{z-index:2;text-align:center;margin:0;display:inline-block;position:absolute;top:-4px;right:0}.raceHQ .provisionalInfo{width:333px;height:70px;display:inline-block;position:absolute;bottom:0}.raceHQ .provisionalInfo label{width:250px;margin:4px 0 4px 10px;font-weight:400;display:inline-block}.raceHQ .provisionalInfo span{text-align:right;width:72px;display:inline-block}.raceHQ .ordersContainer{text-align:center;background:url(../images/parchment_top_wide.png) top no-repeat,url(../images/parchment_bottom_wide.png) bottom no-repeat,url(../images/parchment_middle_wide.png) 0 200px/733px 200px repeat-y content-box content-box;width:733px;min-height:325px;margin:15px auto;padding-top:50px;padding-bottom:35px}.raceHQ .ordersContent{white-space:pre-wrap;color:#000;width:640px;margin:auto;display:inline-block}#pageContent .raceHQ .ordersContent a{color:#100030}#pageContent .raceHQ .ordersContent a:hover{color:#694029}#pageContent .membersMenu{border-radius:5px;width:440px;margin:8px auto;padding:0 0 6px;overflow:hidden;& .button{margin:2px 3px}& .subHeader{margin:5px 0}& .subHeader:first-child{margin-top:0}}.topPlayerDisplay{align-items:center;width:780px;height:110px;display:flex;& .avatarContainer{background:#00000080}& .topRank{font-weight:700}& .characterInfo{text-align:center;width:165px}& .name{font-size:15px;font-weight:700}& .points{width:155px;height:95px;margin-right:13px;& label{text-align:left;min-width:85px;margin:5px 0 0;font-weight:700}& span{text-align:right;width:35px;display:inline-block}}& .points:last-child{margin-right:5px}& h3{padding:5px 0}}.leaderboardMember{border-bottom:1px solid #ffffff1a;align-items:center;margin:2px 0;display:flex;&:last-child{border-bottom:0}& .raceIcon{text-align:center;width:48px;& img{max-width:40px;max-height:25px}}& .userInfo{width:160px}& .leaderboardStat{text-align:right;flex-grow:1;padding-right:5px}}.newsDiv{border-spacing:0;width:98%;color:inherit;font-size:inherit;background-clip:padding-box;border-radius:10px;margin-bottom:3px;margin-left:auto;margin-right:auto;padding:0}.newsHeader{text-align:center;vertical-align:top;text-transform:uppercase;border-top-left-radius:10px;border-top-right-radius:10px;margin:0;padding:5px 0;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:14px}.newsDiv p{padding:5px}.newsText{white-space:pre-wrap;padding:5px}.newsList{flex-direction:column;padding-left:19px;display:inline-flex}.avatarContainer{vertical-align:middle;justify-content:center;align-items:center;width:175px;height:175px;display:inline-flex;overflow:hidden}.avatarContainer.noAura{width:110px;height:110px}.avatarContainer.strongAura,.avatarContainer.legendaryAura{width:150px;height:150px}.avatarContainer.godlyAura{width:175px;height:175px}#battle .avatarContainer.godlyAura{width:150px;height:150px}.avatarContainer img{max-width:110px;max-height:110px}img.strongAura,.avatarContainer img.strongAura{max-width:150px;max-height:150px}img.legendaryAura,.avatarContainer img.legendaryAura,.avatarContainer.legendaryAura img,img.godlyAura,.avatarContainer img.godlyAura,.avatarContainer.godlyAura img{max-width:175px;max-height:175px}#travel .system_message{min-height:15px}#content table.mapGrid tr td.mapNumber{border:0;font-size:.75em;font-weight:700}#pageContent #attackBoss{& a{text-transform:uppercase;position:relative}& a:hover{cursor:pointer}& span{opacity:.5;margin:auto;font-size:11px;font-style:normal;position:absolute;bottom:5px;left:0;right:0}}#pageContent #travelStatus{margin-top:4px;line-height:14px}#pageContent #raidDisplay{text-align:center;border:1px solid;width:92%;height:40px;margin:4px auto;padding:4px 0}#pageContent #raidDisplay .orangeButton.sendOrders{margin-right:15px;padding:4px 8px;line-height:14px}.searchAreaPlayer{position:relative}.searchAreaPlayer:before{content:"";vertical-align:middle;width:8px;height:8px;display:block;position:absolute;top:6px;left:-13px}#pageContent .officerContainer{vertical-align:top;width:250px;margin:auto;display:inline-block}#pageContent .officerContainer.topOfficer{width:350px}#pageContent .eliteSquad .officerDisplay{vertical-align:top;background-color:#9b9b9b80;border:1px solid gray;border-radius:10px;width:190px;height:225px;margin:8px auto}#pageContent .eliteSquad .officerDisplay.topOfficer{width:215px;height:250px}#pageContent .eliteSquad .officerName{margin:3px auto;font-size:14px;font-weight:700;display:block}#pageContent .eliteSquad .shopStatLabel{width:auto;min-width:185px}#pageContent .officerDisplay .avatarContainer{background:#000c;margin-bottom:3px}#pageContent .challengeDisplay{border-style:solid;border-width:1px;border-radius:10px;width:135px;margin:5px auto;padding:7px}#pageContent .challengeDisplay .timer{margin:2px auto 3px;display:inline-block}#pageContent .challengeDisplay .orangeButton{margin-top:3px}#pageContent .officerInfo{vertical-align:middle;width:290px;display:inline-block;& label{text-align:left}}#pageContent .eliteSquadPerks{width:90%;margin:18px auto 5px}#pageContent .eliteSquadPerks .progressBar{border:1px solid #000;border-radius:10px;width:100%;height:20px;margin:0 auto;position:relative}#pageContent .progressBar .tier1,.progressBar .tier2,.progressBar .tier3{width:33.6%;position:absolute;top:0;bottom:0}#pageContent .progressBar .tier1{z-index:3}#pageContent .progressBar .tier2{z-index:2;left:33.3%}#pageContent .progressBar .tier3{z-index:1;left:66.6%}#pageContent .eliteSquadPerks .skillNeeded{text-align:right;height:15px;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;display:inline-block;position:absolute;top:-20px;left:0;right:2px}#pageContent .eliteSquadPerks .tier3 .skillNeeded{right:7px}#pageContent .eliteSquadPerks .fillContainer{background:linear-gradient(#707070,#404040,#707070);border-right:3px solid #000;position:absolute;inset:0;overflow:hidden}#pageContent .eliteSquadPerks .tier1 .fillContainer{border-top-left-radius:10px;border-bottom-left-radius:10px}#pageContent .eliteSquadPerks .tier3 .fillContainer{border-right:0;border-top-right-radius:10px;border-bottom-right-radius:10px}#pageContent .eliteSquadPerks .fill{position:absolute;top:0;bottom:0;left:0}#pageContent .benefits{vertical-align:top;width:32.5%;min-width:220px;min-height:30px;display:inline-block;& span{opacity:.7}}#pageContent .benefits.activeTier{& span{opacity:1}& .perkTier{text-transform:uppercase}}#sideMenu.manualMenu{width:180px;top:36px}#sideMenu.manualMenu .menuDiv{width:175px}.interfaceProblem{padding:5px;display:none}#pageContent .ui-tabs{background:0 0;border:0}#pageContent .ui-tabs-nav{background:0 0;border:0;margin-top:3px;padding-left:0;& li{border-bottom:0;margin-right:8px;list-style:none;display:inline-block}& li:last-child{margin-right:0}}#pageContent .ui-tabs-panel{border-bottom-right-radius:10px;border-bottom-left-radius:10px;padding:1em 1.4em}#pageContent .ui-tabs-anchor{text-transform:uppercase;padding:5px;font-family:Trebuchet MS,Helvetica,sans-serif;font-weight:400;display:block}.ui-accordion-header label{line-height:1.3em}.infoDiv{vertical-align:top;border:1px solid;width:91%;margin-top:5px;margin-bottom:10px;margin-left:3.9%;padding:8px;display:inline-block}#newsContainer{border:1px solid;width:92.8%;height:387px;margin:5px auto 0 3.9%;overflow:auto}#newsContainer .newsHeader{border-radius:0}#newsContainer::-webkit-scrollbar{width:6px}#newsContainer::-webkit-scrollbar-track{background-color:inherit}#newsContainer::-webkit-scrollbar-thumb{border-radius:10px}ul.features li{margin-left:25px}.topPlayerList{border:1px solid;width:100%;margin-bottom:15px}.topPlayerList .subHeader{border-radius:0}.topPlayerList .row1,.topPlayerList .row2{padding-top:2px;padding-bottom:2px;padding-left:3px}.raceLeaderInfo{border-style:solid;border-width:1px;border-radius:10px;margin-bottom:10px;padding-bottom:3px}p.subheader.shinigami,p.subheader.hollow{border-width:0 0 1px;border-top-left-radius:10px;border-top-right-radius:10px;margin-bottom:2px}.fb-like{vertical-align:middle;border-radius:5px;margin-right:10px;padding:4px}.twitter-follow-button{vertical-align:middle}#tabs li{list-style:none}.ui-checkboxradio-icon{display:none!important}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{font-weight:400}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{font-weight:400}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{text-decoration:none}#pageContent .currentPage{font-weight:400}.ui-button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-dialog{border-width:1px;border-radius:5px;padding:0;font-size:.9em}.ui-dialog .ui-dialog-titlebar{text-align:center;text-transform:uppercase;border-bottom-right-radius:0;border-bottom-left-radius:0;padding:.1em .2em;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:14px;font-weight:400}.ui-dialog .ui-dialog-content{margin:0;padding:.2em;font-family:Trebuchet MS,Helvetica,sans-serif}#eventProgressMeter{background:linear-gradient(#202020,#343434,#202020);border:1px solid #000;border-radius:15px;width:90%;height:19px;margin:7px auto 9px;position:relative;overflow:hidden;& .text{text-align:center;color:#f0f0f0;text-shadow:0 0 1px #000;width:100%;font-size:13px;font-weight:700;line-height:13px;position:absolute;top:4px}& .meterFill{border-radius:15px;height:100%;transition:width .3s ease-in-out;position:absolute}}#eventProgressMeter.hellEvent{box-shadow:0 0 4px 2px #f05a00;& .meterFill{background:#c00000 repeating-linear-gradient(to bottom right,#df1000,#ef8000,#df1000)}}#eventProgressMeter.timeRiftEvent{box-shadow:0 0 4px 2px #28ffd3;& .text{color:#aff;text-shadow:-1px 0 #000,-1px -1px #000,0 -1px #000,1px -1px #000,1px 0 #000,1px 1px #000,0 1px #000,-1px 1px #000}& .meterFill{background:#27ebc0 repeating-linear-gradient(to bottom right,#14c5dc,#5df5c8,#14c5dc)}}#pageContent .anniversaryEventLink{color:#27e2c8;margin:1px auto 3px;display:inline-block;&:hover{color:#37ffdc}transition:color 75ms linear}.box.eventAchievement{vertical-align:top;width:300px;margin:25px;padding-bottom:10px;display:inline-block;& p{flex-direction:column;justify-content:center;align-items:center;min-height:34px;margin:auto;padding:5px;display:flex}}.pulse{border-radius:50%;width:22px;height:22px;margin:100px;animation:1s infinite pulse;display:block;box-shadow:0 0 #c0000066}@keyframes pulse{0%{box-shadow:0 0 #c0000066}70%{box-shadow:0 0 0 10px #c0000000}to{box-shadow:0 0 #c0000000}}