body{background-color:#23395b;font-family:Impact}#glitchsquad{display:flex;justify-content:center;align-items:center;margin-top:120px;width:1300px;height:600px;margin-left:auto;margin-right:auto;color:#353531}.game-play{display:flex;flex-wrap:nowrap;flex-direction:column}@media screen and (max-width:1440px){#glitchsquad{height:400px}.game-play{flex-direction:row}}@keyframes glitched{0%{color:red}25%{color:#ff0}50%{color:blue}to{color:green}}.glitch:after{content:'glitch';opacity:.8;font-size:300px;top:0;position:absolute;color:red;height:100%;width:100%;text-align:center;margin-top:20px;animation-name:glitched;animation-duration:.15s;animation-iteration-count:infinite}.hexcontainer{margin-top:80px;width:850px;height:555px;line-height:1.3}.hexline{height:128px}.hexline-even{position:relative;left:40px}.hexline-odd{position:relative;margin-top:-75px;margin-bottom:-75px}.hex{position:relative;width:40px;height:40px;display:inline-block;margin-right:40px;transform:rotate(90deg)}.hw{position:absolute;width:20px;height:45px;outline:2px solid #f2f7f2;outline-offset:-1px;background:#f2f7f2;transform-origin:50% 40px}.hw-a-1{transform:rotate(60deg)}.hw-a-2{transform:rotate(120deg)}.hw-a-3{transform:rotate(180deg)}.hw-a-4{transform:rotate(240deg)}.hw-a-5{transform:rotate(300deg)}.hw-t-3{height:0;width:0;outline-width:0}.hw-t-1{border-top:5px solid #959581;height:40px}.hw-t-2{border-top:5px solid #353531;height:40px}.hex.empty{background-color:#23395b}.hex.empty,.hex.empty:after,.hex.empty:before{border-color:#23395b}.hex .evac{z-index:3;position:absolute;font-size:12px;font-weight:600;text-align:center;top:10px;left:-20px;width:60px;height:60px;line-height:8.2;transform:rotate(-90deg);border-radius:30px;opacity:.9;color:#000}.c-p0{background:#f3f302}.c-p1{background:#23f93b}.disc{background:#f90338}.hex .char{z-index:2;position:absolute;font-size:32px;font-weight:600;text-align:center;top:15px;left:-15px;width:50px;height:50px;line-height:1.2;transform:rotate(-90deg);border-radius:25px;background:#f2f7f2;transition:all .15s}.hex .char:hover{background:#23f93b}.hex .h-acts,.hex .sub{position:absolute}.hex .h-acts{height:21px;width:21px;top:30px;opacity:.9;left:0;color:#959581;z-index:7;font-size:12px;transform:rotate(-90deg)}.hex .h-acts .m{display:inline-block;height:1px;width:2px}.hex .h-act{z-index:10;display:inline-block;border:1px solid #959581;width:16px;height:16px;border-radius:8px;margin:1px}.hex .h-act span{display:none;position:absolute;width:60px;font-weight:600;top:20px;left:-19px;text-align:center}.hex .h-acts.l2{width:43px;left:-12px;top:29px}.hex .h-acts.l2 span{left:-8px}.hex .h-act.p0{background:#f3f302}.hex .h-act.p1{background:#23f93b}.hex .h-act.darkgrey{background:#353531}.hex .h-act.darkred{background:#ce2232}.hex .h-act:hover{background:#959581}.hex .h-act:hover span{display:inline}.squad-display{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}.soldier{position:relative;border:4px solid #959581;height:104px;width:96px;margin:4px;margin-bottom:110px;z-index:6;display:inline-block;background:#fff;text-align:center}.soldier .s-code{font-size:50px;font-weight:600}.soldier .s-name{font-size:26px;line-height:1.5}.soldier .acts{position:absolute;width:96px;top:108px;font-weight:600;font-size:18px;text-align:center}.soldier .acts div{margin-top:3px;margin-bottom:3px;padding:2px;background:#959581;color:#353531;border:4px solid #959581;transition:all .5}.soldier .acts div:hover:not(.ap){color:#ce2232;cursor:pointer}.s-player{position:absolute;top:-32px;font-size:24px;width:96px}.s-p-0{background:#f3f302}.s-p-0 .s-player{color:#f3f302}.s-p-1{background:#23f93b}.s-p-1 .s-player{color:#23f93b}.s-kia{border-color:#353531;background:#ce2232;color:#f90338}.s-act{border-color:#ce2232;transition:outline-color .7s ease-out}.s-data:after{content:'D';color:#353531;position:absolute;opacity:.8;font-size:32px;top:-11px;left:-10px;background:#f2f7f2;width:32px;height:32px;text-align:center;font-weight:500;border-radius:16px;line-height:1;border:2px solid #353531}.hex .soldiers{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:row;z-index:5;position:absolute;height:60px;width:60px;top:8px;left:-20px;transform:rotate(-90deg)}.hex .soldiers .soldier{border:1px solid #959581;width:24px;height:26px;margin:1px;text-align:center}.hex .soldiers .soldier .s-code{font-size:14px}.hex .soldiers .soldier .s-name{font-size:8px;line-height:.9}.hex .soldiers .soldier.s-act{border:2px solid #ce2232}.hex .soldiers .s-data:after{content:'D';color:#353531;position:absolute;opacity:.8;font-size:12px;top:-6px;left:-6px;background:#f2f7f2;width:12px;height:12px;text-align:center;font-weight:500;border-radius:6px;line-height:1;border:1px solid #353531}.online .s-m-e.s-act{border-color:#353531!important}.online .s-m-e.s-act .acts div{border-color:#353531!important;background:#353531!important;color:#959581!important}.online .s-m-e.s-act .s-player{color:#353531}