:root{--action:#09f;--button-bg:#dfdfdf;--button-hover:#ccc;--chakra-blood:#f0000a;--chakra-gen:#fff;--chakra-nin:#00a9d5;--chakra-tai:#0cdd2c;--chakra-rand:#000;--danger:#e00;--desc-extra:#606060;--rank-admin:#151c77;--rank-moderator:#2d7715}a{text-decoration:none}a:active,a&:focus{outline-style:none}a sup{text-decoration:none}body,html{width:100%;height:100%}dl{margin-top:0}dt{float:left;width:6.5em;font-weight:bold}dt::after{content:":"}dd{margin-bottom:0.25em;margin-left:6.5em}h1,h2{text-transform:uppercase}h2,h3,h4{margin-bottom:0.3em}h3,h4{margin-top:0.5em}h1{font-size:1.6em;text-align:center}h3{font-size:1.25em}h4{font-size:1.15em}i{color:#600}input,textarea{background-color:#ddd;border:1px solid #888}ol li,ul li{margin-top:0.5em;line-height:1.4em}ol li > dt,ol li > dd,ul li > dt,ul li > dd{display:contents}sup{font-style:italic;font-size:0.7em;display:inline-block;text-decoration:none !important}ul{margin:0;padding:0 1em}ul ul{padding-left:1.5em;padding-bottom:0.2em}.chakra{display:inline-block;height:0.6em;width:0.6em;border:1px solid #222;margin-left:3px}.chakra.blood{background-color:var(--chakra-blood) !important}.chakra.gen{background-color:var(--chakra-gen) !important}.chakra.nin{background-color:var(--chakra-nin) !important}.chakra.tai{background-color:var(--chakra-tai) !important}.chakra.rand{background-color:var(--chakra-rand) !important}.char{display:inline-block;outline:1px solid #000;margin:5px;vertical-align:top}.complete{color:rgb(0, 150, 0)}.incomplete{color:rgb(200, 0, 0)}.extra{color:#606060;margin-left:0.4em}.skillClasses{font-weight:normal;color:var(--desc-extra)}.space{flex-grow:1}.wrap{white-space:nowrap}.admin{color:var(--rank-admin);border-color:var(--rank-admin);outline-color:var(--rank-admin)}.moderator{color:var(--rank-moderator);border-color:var(--rank-moderator);outline-color:var(--rank-moderator)}:root{--action-available:#fff;--action-cancel:#ff0000;--char-border:#111;--palette-blue:#00a;--palette-red:#a00;--select-border:#dc2e3c;--war-blue:#007acc;--war-red:#e00;--war-purple:purple}@keyframes expand {0%{width:0}}@keyframes fadeIn {0%{opacity:0}100%{opacity:1}}@keyframes fadeOut {0%{opacity:1}100%{opacity:0}}a:hover{text-decoration:none !important}article{-webkit-user-select:text;user-select:text}body{background:url("/img/bg/silhouette.jpg") no-repeat center center/cover !important;overflow:hidden !important}body,button{font-family:"Trebuchet MS", sans-serif}button{appearance:none;background:unset;border:unset;margin:unset;padding:unset}button:hover{background:initial}dl{width:100%;margin-bottom:0 !important}dd{margin-bottom:0 !important}h1 aside,h2 aside,h3 aside,h4 aside,h5 aside,h6 aside{float:right;font-weight:normal !important;opacity:0.9}main{display:flex}menu{list-style-type:none;padding:0;margin-bottom:0}p{margin:0}#avatars button:disabled,.queueing #charSelect,.chars .char:disabled,.dead,.ghost.charbarrier,.ghost.chardefense,.ghost.detail img{filter:grayscale(0.8) !important}.dna::after,.locked::after{margin-left:0.15em;vertical-align:middle;filter:saturate(0) brightness(0);line-height:0;font-weight:normal}.dna::after{content:"🧬"}.locked::after{content:"🔒"}.chars .char[role="button"]:hover,.alts .char:hover{outline:2px solid var(--action) !important;filter:none !important}#avatars button,.charmove,button.chakra,.face{border:1px solid var(--action-available)}#avatars button:hover,.charmove:hover,button.chakra:hover,.face:hover{border-color:var(--action)}#avatars button:disabled,.charmove:disabled,button.chakra:disabled,.face:disabled{border-color:#000 !important}.act:hover{border:1px solid var(--action-cancel) !important}.account{display:flex;align-items:end;flex-grow:1}.account section{color:#eee;display:inline-block;vertical-align:top;width:10em;text-transform:uppercase;margin:-1px 6px;flex-grow:1}#account0{text-align:right}#account1{text-align:left;right:0;flex-direction:row-reverse}#accountSettings{padding:0.5em 1.3em}#accountSettings label{display:block}#accountSettings label span{min-width:11em;display:inline-block;font-weight:bold}#accountSettings input{margin-right:0.5em}#accountSettings input[type="text"]{width:15em}.actcost{position:absolute;left:1px;bottom:-4px}.actcost .chakra{margin-bottom:3px;margin-left:1px}.alts{width:75px;position:absolute;bottom:-1px;left:-65px;font-size:16px}.alts .char{outline:1px solid #000}.alts .char.on{outline:2px solid #fff !important;cursor:unset !important}.alts .charWrapper button{bottom:1px}.avatar{border:2px solid #333;width:75px}#avatars{height:209px;overflow-y:scroll;border:2px solid #000;margin-top:0.5em;border-left:none;border-right:none;padding-left:1px;text-align:center}#avatars button{border-width:2px;margin:-2px 1px 4px 1px}#avatars img{width:45px;height:45px}#bg{position:absolute;inset:-10px;background-size:cover;background-position:center;z-index:-2}#bottom{position:absolute;bottom:10px;left:0;right:0;display:flex;flex-grow:1}#bottom article{text-align:left;font-size:13px;padding:5px;line-height:1.22;border:2px solid #444;flex-grow:100;max-width:900px}#bottom article aside{position:relative}#bottom article li{margin-bottom:-0.25em}#bottom article span{display:block}#bottom article section{flex-grow:1}#bottom article > section{display:flex;margin-bottom:0.25em}#bottom article > section > div{position:relative}#bottom article ul{font-weight:bold;padding-left:1em;margin:1em 0 0.5em 0}#bottom article .char{margin-bottom:0;height:75px}#bottom article .remove{color:var(--palette-blue)}#bottom article .trap{color:var(--palette-red)}#bottom h3{font-weight:bold;font-size:16px;margin:0}#bottom h4{margin-top:3px;margin-bottom:0}#browse{display:flex;flex-wrap:wrap;gap:4px;flex-grow:1}#browse button{flex-grow:1;margin:0;padding:0.25em 0.6em;border:2px solid #fff;text-transform:uppercase;font-size:12px}#browse button:disabled{border-color:var(--select-border);color:unset}#cancel{position:absolute;left:0;right:0;top:50%;margin:50px auto 0 auto;width:187px;height:27px}#center,.player{position:absolute;top:20px}#center{color:#222;width:max-content;margin:auto;font-family:Verdana, sans-serif;font-size:1.3em;left:0;right:0}#center > button{color:#000;-webkit-user-select:none;user-select:none;margin:0.15em;-webkit-user-select:none;user-select:none;text-transform:uppercase;font-size:20px;text-align:center;width:100%}#center > button:disabled{opacity:0.5}#center > button:enabled:hover{color:var(--palette-blue)}#spend{display:flex;align-items:center}#spend button{margin:0}#spend div{display:flex;flex-direction:column;align-items:center}#spend div:first-of-type{margin-left:1.5em}#spend span{margin-left:0.2em;display:block;font-size:0.9em;width:1.5em}#spend .chakra{height:0.8em;width:0.8em}#spend .chakra:enabled{color:var(--action-available)}#spend .chakra:enabled:hover{color:var(--palette-blue)}#spend .less,#spend .more{font-size:0.8em}#spend .less:disabled,#spend .more:disabled{opacity:0;pointer-events:none}#spend .less::after{content:"▼"}#spend .more::after{content:"▲"}.charBanner button{background-color:var(--button-bg);border-radius:0;border:1px solid var(--action);font-size:0.8em;margin:-0.1em 0.5em;padding:0.1em 1em;text-transform:uppercase;vertical-align:top}.charBanner button:hover{background-color:var(--button-hover)}#controls{display:flex}#controls .switch{border-color:#fff}.char:disabled{outline-color:#555 !important}.char.locked{opacity:0.75;outline-color:#999}.char.locked.buy{outline-color:#0a0;outline-width:2px}.chars,#vs{border:4px solid var(--select-border);-webkit-user-select:none;user-select:none}.chars{text-align:center;position:relative;display:flex;flex-direction:column;min-height:0;padding:8px;box-sizing:border-box}.chars .char{margin:0;width:64px;height:64px;outline-color:#000}#forTeam,#forVs{height:auto;top:unset;left:unset;right:unset;bottom:unset;border-left:4px solid var(--select-border);border-right:4px solid var(--select-border)}.charicon{border:2px solid var(--char-border)}.charWrapper{display:inline-block;position:relative}.charWrapper button{box-sizing:initial;width:1em;height:1em;position:absolute;line-height:0;left:5px;bottom:5px;border-radius:100%;border:1px solid #000}.charWrapper button:hover{transform:scale(1.1)}.charWrapper div{border-radius:100%;width:15px;height:15px;position:absolute;bottom:2px;right:2px;background:var(--war-color);border:2px solid #000}.charWrapper .add{background-image:url("/img/ui/select/add.svg")}.charWrapper .remove{background-image:url("/img/ui/select/remove.svg")}.charhealthbar{height:15px;background-color:var(--char-border);position:relative}.charhealthbar span,.charhealthbar div{transition:left 1s,
            right 1s,
            top 1s,
            bottom 1s,
            width 1s}.charhealthbar span{font-size:9px;color:#fff;position:absolute;left:0;right:0;top:2px}.charhealthbar div{position:absolute;top:0;bottom:0;border:2px solid var(--char-border);box-sizing:border-box;width:0;animation:expand 0.5s linear}.charhealthbar .charbarrier{background-color:#e00}.charhealthbar .charbarrier:hover{border-color:var(--palette-red)}.charhealthbar .chardefense{background-color:#08b;z-index:2}.charhealthbar .chardefense:hover{border-color:var(--palette-blue)}.charhealthbar .charhealth{animation:none;background-color:#0a0}#player0 .charhealthbar{margin-right:4px}#player0 .charhealthbar div{left:0}#player0 .charhealthbar span{left:100%}#player1 .charhealthbar{margin-left:4px}#player1 .charhealthbar div{right:0}#player1 .charhealthbar span{right:100%}.charmove{margin:0 6px;display:inline-block;position:relative;transition:0.2s filter}.charmove .cd{display:block;position:absolute;bottom:0;left:0;right:0;color:#fff;text-align:center;margin-top:-1em;font-size:3em;-webkit-text-stroke:2px rgba(0, 0, 0, 0.8)}.charmoves{display:inline-block;vertical-align:top;height:79px}.charScroll{height:100%;text-align:center;overflow:hidden;font-size:20px}.charScroll img{width:60px}#charSelect{max-width:1280px;position:relative;height:100%;margin:auto;display:grid;grid-template-rows:auto minmax(0, 1fr);gap:10px;padding:12px 0 16px;box-sizing:border-box}#charSelect > header{width:100%;padding-top:0;display:grid;grid-template-columns:minmax(7em, 10em) minmax(0, 1fr) auto;gap:12px;align-items:stretch}#charSelect.practicing > header{grid-template-columns:minmax(7em, 9em) minmax(0, 1fr) minmax(0, 1fr) auto}#charSelect > article{box-sizing:border-box;border:1px solid #000;position:relative;bottom:unset;font-family:Verdana, sans-serif;font-size:12px;padding:10px 12px;width:100%;height:100%;overflow-y:auto;z-index:1}#charSelect > article h4{margin-bottom:-0.1em !important}#charSelect > article h3{margin-top:0.2em !important;font-size:18px;font-weight:bold}#charSelect > article h3 .char{width:64px;height:64px;float:right;margin-top:0}#charSelect > article li{margin-top:0}#charSelect > article p{line-height:1.3em}#charSelect > article > p{min-height:40px}#charSelect > article > section{display:flex;gap:8px;border-top:1px solid rgba(0, 0, 0, 0.12);padding:8px 0 4px}#charSelect > article > section > div{float:none;position:relative;flex-shrink:0}#charSelect > article > section > p{min-height:43px;margin:0.1em 0.1em 0 0.1em;flex-grow:1}#charSelect > article .char{height:50px;width:50px;margin:3px 5px}#charSelect .charName{display:none;max-width:72px;margin-top:3px;font-size:10px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#charSelect .charScroll .charName{display:block}#charSelect .charScroll .charWrapper{display:inline-flex;flex-direction:column;align-items:center;width:72px;margin:2px 1px 6px;vertical-align:top}#charSelect .charScroll .charWrapper.previewing .char,#charSelect .charScroll .charWrapper.onTeam .char{outline:2px solid var(--action)}#charSelect .alts{position:static;width:auto;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}#charSelect .alts .charWrapper{display:inline-block}#charSelect .alts .charName{display:none}#charSelect .teamSlot.empty{width:75px;height:75px;margin:0 4px 0 6px;box-sizing:border-box;border:2px dashed #222;background:rgba(0, 0, 0, 0.08)}#charSelect .teamMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}#charSelect .teamLabel{font-weight:bold;text-transform:uppercase;font-size:13px;letter-spacing:0.04em}#charSelect .selectToolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}#charSelect #charQuery{width:16em;max-width:100%;box-sizing:border-box;padding:0.35em 0.6em;border:2px solid #000;font-size:13px}#charSelect .rosterCount{margin-left:auto;font-size:12px;text-transform:uppercase;opacity:0.8}#charSelect .rosterEmpty{margin:2em 0;text-align:center;font-size:14px;opacity:0.75}#charSelect .searchPanel{display:flex;flex-direction:column;gap:0.6em}#charSelect .searchPanel label{display:flex;flex-direction:column;gap:0.3em;font-weight:bold}#charSelect .searchPanel input{width:100%;box-sizing:border-box;padding:0.45em 0.6em}#charSelect .searchActions{display:flex;gap:8px;margin-top:0.5em}#charSelect .searchActions .playButton{width:auto;min-width:7em}.selectBody{display:grid;grid-template-columns:minmax(0, 1fr) minmax(300px, 400px);gap:10px;min-height:0}#charSelect .charScroll{overflow-x:hidden;overflow-y:auto;height:auto;flex-grow:1;min-height:0;text-align:left}#charSelect .chakra,#top .chakra{margin-left:0.2em;margin-right:0;font-size:0.75em}.detail{display:inline-flex;text-align:center;margin:1px}.detail div{border:1px solid #000;position:relative}.detail div span{position:absolute;right:1px;bottom:0}.detail img{width:30px;width:30px}.detail .amount{display:block;position:absolute;bottom:0;left:0;right:0;color:#fff;text-align:center;font-size:18px;font-weight:bold;-webkit-text-stroke:2px rgba(0, 0, 0, 0.8)}.channels{margin-bottom:2px;display:flex}.channels .detail{flex-direction:column-reverse}.statuses{margin-top:2px;display:flex}.statuses .detail{flex-direction:column}.ghost{--ghost:#666;color:var(--ghost);opacity:0.65}.ghost div{border-color:var(--ghost)}.invis{opacity:0.65}.remove div,.action div{border-color:var(--palette-blue)}.trap div,.control div{border-color:var(--palette-red)}#endgame{position:absolute;top:242px;text-align:center;margin:auto;left:0;right:0}#endgame dl{margin-top:0.5em;text-transform:uppercase;line-height:1.5em;font-size:1.3em}#endgame dd{text-align:left}#endgame dd::before{content:"+"}#endgame dt{font-weight:normal;text-align:right}#endgame dd,#endgame dt{float:none;width:49%;display:inline-block;padding:0 0.25em;margin:0;box-sizing:border-box;opacity:0;animation:fadeIn 0.5s linear 0s 1 normal forwards}#endgame dt:nth-child(1),#endgame dd:nth-child(2){animation-delay:0s}#endgame dt:nth-child(3),#endgame dd:nth-child(4){animation-delay:0.5s}#endgame dt:nth-child(5),#endgame dd:nth-child(6){animation-delay:1s}#endgame dt:nth-child(7),#endgame dd:nth-child(8){animation-delay:1.5s}#endgame dt:nth-child(9),#endgame dd:nth-child(10){animation-delay:2s}#endgame dt:nth-child(11),#endgame dd:nth-child(12){animation-delay:2.5s}#endgame dt:nth-child(13),#endgame dd:nth-child(14){animation-delay:3s}#endgame dt:nth-child(15),#endgame dd:nth-child(16){animation-delay:3.5s}#endgame dt:nth-child(17),#endgame dd:nth-child(18){animation-delay:4s}#endgame dt:nth-child(19),#endgame dd:nth-child(20){animation-delay:4.5s}#endgame dt:nth-child(21),#endgame dd:nth-child(22){animation-delay:5s}#endgame p{font-size:6em;font-family:Helvetica, sans-serif;color:#fff;-webkit-text-stroke:2px #000;text-shadow:0 0 5px #000;text-transform:uppercase}#error{color:var(--danger);position:absolute;bottom:10px;left:10px;background-color:rgba(255, 255, 255, 0.5);border:1px solid #fff}#forfeit:hover{color:var(--danger)}.inactive{color:var(--danger);font-size:2em}#main{height:100%;box-sizing:border-box;margin:0 1.5em}#main,#accountSettings{-webkit-user-select:none;user-select:none}#mainsite{border-color:#000 !important}#nextPage{right:-56px}#prevPage{left:-56px}.nextSkill,.prevSkill{font-size:15px;position:absolute;bottom:5px;color:#000;-webkit-text-stroke:1px rgba(255, 255, 255, 0.75);text-shadow:0 0 1px rgba(255, 255, 255, 0.75)}.nextSkill:hover,.prevSkill:hover{color:var(--action)}.nextSkill{right:5px}.nextSkill::after{content:"▶"}.prevSkill{left:5px}.prevSkill::after{content:"◀"}.ninja{margin-bottom:15px}.details{font-family:Verdana, sans-serif;height:52px;color:#eee}.face{z-index:5;position:relative;float:left}.face.targetable{background-color:#0f0}.face.targetable img{border-color:rgb(19, 112, 19);opacity:0.75}.face.untargetable{background-color:rgb(170, 0, 0)}.face.untargetable img{border-color:rgb(119, 1, 1);opacity:0.75}.face button:enabled{border-color:var(--action-available) !important}#playButtons{margin:0;align-self:stretch;min-width:5em;display:flex;flex-direction:column;justify-content:center;gap:4px}.playButton,#updateButton,#logoutButton{margin:3px;padding:4px 3px 2px 3px;border:2px solid var(--select-border);color:#000;text-transform:uppercase;font-size:15px;text-align:center}.playButton:hover,#updateButton:hover,#logoutButton:hover{border:2px solid var(--action)}.playButton:disabled,#updateButton:disabled,#logoutButton:disabled{border:2px solid #999 !important;color:#666}#updateButton,#logoutButton{width:6em;margin-top:0.5em}#updateButton{margin-left:0;float:left}#logoutButton{margin-right:0;float:right}.playButton{display:block;text-decoration:none;height:17px;box-sizing:initial;width:100%}.player{height:100%;transition:0.5s all}#player0{right:calc(50% + 200px);text-align:left}#player0 .charbarrier,#player0 .chardefense{border-left:none}#player0 .face{float:left}#player1{left:calc(50% + 200px);text-align:right}#player1 .channels,#player1 .statuses{flex-direction:row-reverse}#player1 .charbarrier,#player1 .chardefense{border-right:none}#player1 .face{float:right}#account1 .charicon,#player1 .charicon{transform:rotateY(180deg)}#playqueue{height:81px;text-align:center}#playqueue .act{position:relative;border:1px solid var(--action-available);margin:2px;display:inline-block}.progressbar-text{color:#fff !important;font-size:4em;font-family:Courier New,
        monospace;transition:all 1s;left:32% !important;top:5% !important}.queueing #charSelect{pointer-events:none}#ready{color:#eee;width:238px;margin:auto;margin-top:3px;border:1px solid #000;padding:3px 0;position:relative;text-transform:uppercase}#ready:disabled{opacity:1 !important}#ready:enabled:hover{border-color:var(--action-available)}#ready svg{display:block;width:100%;height:100%;position:absolute;inset:0;z-index:-1;background-color:#161616}.redblue{--war-color:purple}.red{--war-color:#e00}.blue{--war-color:#007acc}.redblue,.red,.blue{color:var(--war-color)}#return{width:5em;margin:auto;font-size:1.3em;border:2px solid var(--select-border);padding-bottom:0.5em}#searching{border-radius:100%;width:160px;height:160px;position:absolute;left:0;right:0;top:50%;margin:-130px auto auto;border:3px solid #000;overflow:hidden;z-index:10}#searching img{width:180px;margin-left:-10px;margin-top:-10px}.select img{width:75px;height:75px;outline:2px solid #000}.select .char{margin:0 4px 0 6px}.select .char[role="button"]:hover{outline:2px solid var(--action-cancel)}.scroll{position:absolute;top:-17px}.scroll div{position:absolute;background-color:#222;display:block;inset:20%}.scroll:hover div{background-color:var(--action)}.scroll img{position:relative}.skillClasses{font-size:12px;display:inline;margin:0;margin-left:10px}#game .skillClasses{display:block;font-size:1em;margin-left:0}#teamButtons,#vsButtons{width:auto;min-height:75px;height:auto;margin:0;font-size:24px;display:flex;align-items:center}#teamButtons .charWrapper button,#vsButtons .charWrapper button{bottom:1px;left:7px}#teamContainer{width:auto;min-width:0;text-align:left;display:flex;flex-direction:column;justify-content:center}#teamContainer .charWrapper div{bottom:-2px}#userBox,#underTeam{border:2px solid #000}#underTeam{margin:0;display:flex;border-right:2px solid #000;z-index:1;padding:4px 10px}#underTeam .chakra{height:0.9em;width:0.9em;margin-right:0.45em}#underTeam span{flex-grow:1}#underTeam span:first-child{flex-grow:unset}#charSelect .playButton{height:auto;min-height:17px;padding:6px 8px 5px}#charSelect .teamHint{margin:4px 2px 0;font-size:11px;text-transform:uppercase;opacity:0.75}#charSelect #userBox.loggedin{display:grid;grid-template-columns:1fr auto;align-content:start;width:210px;box-sizing:border-box}#charSelect #userBox.loggedin dt,#charSelect #userBox.loggedin dd{display:none}#charSelect #userBox.loggedin .userimg{position:static;width:56px;height:56px;grid-column:2;grid-row:1 / span 3;align-self:start}#userBox{width:220px;padding:5px 10px 5px 10px;line-height:1.2;margin-left:-2px;text-align:left;font-size:14px;position:relative;-webkit-user-select:text;user-select:text}#userBox dt{width:4.8em}#userBox dd{margin-left:4.8em}#userBox h4,#userBox p{margin:0}#userBox strong{width:5em;display:inline-block}#userBox .dna{float:right}#userfail{color:var(--danger);width:inherit;margin-left:0.5em}.userForm{text-align:center;padding-right:8px}.userForm a{color:var(--palette-blue)}.userForm a:hover{color:#000}.userForm div{margin-top:4px}.userForm input{width:100%}#registerForm,#loginForm{padding-top:8px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.userimg{border:2px solid #000;position:absolute;right:5px;bottom:5px}#volume{width:15px;height:15px;position:fixed;top:10px;right:20px;z-index:2}#vs{display:flex;flex-direction:column;justify-content:center;margin:0;padding:8px 10px;min-height:0;min-width:0}#vs nav{display:flex;gap:4px}#vs button,#vs input,#vs span{align-self:center}#vs button{width:6em}#vs span{margin:0}#vs.vsPractice{border-bottom:4px solid var(--select-border)}#charSelect .war h1,#charSelect .war div{font-size:1.15em}#charSelect .war > p{font-size:1em}.war{text-align:center}.war section{display:flex}.war div{float:none !important;flex-grow:1;padding:0.67em 0}.war h1,.war div{font-size:1.75em}.war > p{margin-top:0.5em;font-size:1.25em}@media (max-width: 1300px) {.charhealthbar{margin-top:-13px;width:293px}.player{width:383px}#player0 .charhealthbar{margin-left:79px;margin-right:auto}#player1 .charhealthbar{margin-left:auto;margin-right:79px}.charmove{width:62px;height:62px}.charmove img{width:100%;height:100%}}@media (max-width: 1173px) {#center{left:initial;right:140px}.player{top:125px}.player > section{margin-bottom:3px}#player0{right:unset;left:25px}#player1{left:unset;right:25px;width:200px}#player1 .charhealthbar{margin-right:0 !important;width:81px;z-index:10}#player1 .charmove{display:none}#top > article{left:100px;right:100px}#top > section{width:100px}#top > section p,#top > section > section{display:none}}@media (max-width: 1100px) {#charSelect > header,#charSelect.practicing > header{grid-template-columns:minmax(7em, 9em) minmax(0, 1fr)}#userBox{grid-column:1 / -1;width:100%;box-sizing:border-box}.selectBody{grid-template-columns:minmax(0, 1fr) minmax(260px, 320px)}}@media (max-width: 860px) {#vs nav{flex-wrap:wrap}.selectBody{grid-template-columns:1fr;grid-template-rows:minmax(220px, 1fr) minmax(200px, 45vh)}#charSelect > article{min-height:0}}@media (max-width: 830px) {.playButton{font-size:0.8em}.playButton::before{content:none}}@media (max-width: 760px) {#userBox .userimg{display:none}}@media (max-width: 680px) {.playButton::after{content:none}}@media (max-width: 630px) {.playButton{font-size:0.75em}}@media (max-height: 770px) {.characters{bottom:5px;height:173px}.characters .char{width:50px;height:50px}#charSelect > article{font-size:0.8em}#charSelect > article .char{width:40px;height:40px}#charSelect > article > p{min-height:revert}#charSelect > article > section > p{min-height:28px}.charBanner img.char{width:50px;height:50px}}@media (max-width: 560px) {a.playButton{font-size:0.7em;height:auto;line-height:1.1em}.chars .char{width:52px;height:52px}#charSelect{margin:0;padding:8px 0 12px}#charSelect > header{grid-template-columns:1fr}#charSelect > article{font-size:0.8em}#charSelect > article .char{height:36px;width:36px}#charSelect h3{font-size:14px}#charSelect h3 img.char{width:40px;height:40px}#charSelect .charScroll .charWrapper{width:58px}#charSelect #charQuery{width:100%}h4,#charSelect > article .skillClasses{font-size:0.8em}#teamButtons,#vsButtons{height:auto}#teamButtons img,#vsButtons img{width:60px;height:60px}#userBox dt,#userBox dd{display:none}#volume{top:100px}}