.icon{display:block}.icon.blink{animation:blink infinite 1.2s ease-in-out}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.player-icon{width:32rem;height:32rem;display:flex;align-items:center;justify-content:center;font-size:12rem;box-shadow:1rem 1rem 1rem #000}.player-icon .clickable{cursor:pointer}.player-icon .nickname{color:#FFFFFF}.unit-icon{position:relative;user-select:none}.unit-icon .icon{box-sizing:border-box;width:100%;height:100%}.unit-icon .level{position:absolute;right:2rem;top:0;font-weight:bold;text-shadow:0 0 4rem black;color:#EEEEEE}.unit-icon.large{width:45rem;height:45rem}.unit-icon.large .icon{border:3rem #AAAAAA solid;border-radius:6rem}.unit-icon.normal{width:30rem;height:30rem}.unit-icon.normal .icon{border:2rem #AAAAAA solid;border-radius:4rem}.unit-icon.mini{width:15rem;height:15rem}.unit-icon.mini .icon{border:1rem #AAAAAA solid;border-radius:2rem}.bread-crumb{padding:2rem 5rem;display:flex;color:#CCCCCC;font-size:14rem}.bread-crumb .link{cursor:pointer}.modal-mask{position:absolute;left:0;right:0;top:0;bottom:0;z-index:512;font-size:14rem}.modal-mask .titlebar{position:absolute;top:0;width:100%;height:26rem;display:flex;align-items:center}.modal-mask .titlebar .title{margin-left:auto;user-select:none}.modal-mask .titlebar .close{margin-left:auto;cursor:pointer;width:36rem;font-size:20rem;text-align:center}.modal-mask .titlebar .close:hover{background-color:red}.modal-mask .body{position:absolute;top:26rem;width:100%;bottom:0}.modal.tutorial{position:absolute;top:40rem;bottom:40rem;left:50rem;right:50rem;background-color:#E1E1E1;box-shadow:0 2rem 3rem 3rem rgba(0,0,0,0.5)}.modal.tutorial .body{display:flex}.modal.tutorial .outline{min-width:100rem;padding:5rem}.modal.tutorial .outline .item{text-align:center;margin:5rem;cursor:pointer}.modal.tutorial .outline .item.active{margin-left:8rem;border-right:3rem solid #444444}.modal.tutorial .content{padding:5rem;overflow:auto;flex-grow:1;display:flex;flex-direction:column}.modal.tutorial .content .title{font-size:20rem;font-weight:bold;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}.modal.tutorial .content .pagination{margin-top:auto;display:flex}.modal.tutorial .content .pagination .prev a,.modal.tutorial .content .pagination .next a{color:#1890ff}.modal.tutorial .content .pagination .prev{margin-left:5rem;margin-right:auto}.modal.tutorial .content .pagination .next{margin-right:5rem;margin-left:auto}.modal.research{position:absolute;top:50rem;bottom:50rem;left:80rem;right:80rem;box-shadow:0 2rem 3rem 3rem rgba(0,0,0,0.5);background-color:#01579B;color:#EEEEEE}.modal.research .body{display:flex;flex-direction:column}.modal.research .process,.modal.research .empty-process{height:60rem;margin-bottom:10rem;display:flex;justify-content:center;align-items:center}.modal.research .empty-process{font-size:16rem;text-align:center}.modal.research .process{display:flex;justify-content:center}.modal.research .process .info{display:flex;flex-direction:column;width:300rem;margin-left:10rem}.modal.research .process .labels{display:flex;justify-content:space-between;margin:0 5rem;align-items:center}.modal.research .process .value{font-size:12rem;font-family:'Consolas',monospace}.modal.research .process .process-bar{background-color:#AAAAAA;height:3rem}.modal.research .process .process-bar .pass{background-color:#64B5F6;height:3rem}.modal.research .fields{display:flex;justify-content:space-around;margin:5rem 10rem}.modal.research .fields .unit-icon{cursor:pointer}.modal.research .fields .unit-icon.viewed img{border-color:#EEEEEE}.modal.research .detail{flex-grow:1;margin:5rem 60rem;display:flex}.modal.research .detail .list{width:200rem}.modal.research .detail .item{margin:5rem;padding:2rem 5rem;font-size:16rem;cursor:pointer}.modal.research .detail .item.locked{color:#AAAAAA}.modal.research .detail .item.selected{background-color:#1976D2}.modal.research .detail .right{flex-grow:1;display:flex;flex-direction:column;margin-left:30rem}.modal.research .detail .right .select-button{background-color:#42A5F5;padding:5rem;width:100rem;text-align:center;margin-top:auto;margin-left:auto;margin-bottom:5rem;cursor:pointer}.modal.research .detail .right .select-button.disable{background-color:#444444;cursor:not-allowed}.sidebar{position:absolute;top:32rem;bottom:0;right:0;width:192rem;z-index:256;display:flex;flex-direction:column;background-color:#263238;user-select:none;font-size:14rem}.sidebar.lockControl{z-index:135}.sidebar-layer{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column}.sidebar-item{margin:5rem;padding:5rem}.sidebar .war{background-color:#B71C1C;display:flex;align-items:center;justify-content:space-between}.sidebar .war .war-list{display:flex}.sidebar .war .war-list .player-icon{margin-right:5rem}.sidebar .war .empty{flex-grow:1;color:#EEEEEE;text-align:center}.sidebar .research{background-color:#01579B;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.sidebar .research .container{flex-grow:1;display:flex}.sidebar .research .warning{width:20rem;height:20rem}.sidebar .research .process{flex-grow:1;margin-left:5rem}.sidebar .research .process-label{margin-top:3rem;display:flex;flex-wrap:nowrap;align-items:baseline}.sidebar .research .process-label .name{color:#EEEEEE}.sidebar .research .process-label .value{margin-left:auto;font-size:12rem;color:#EEEEEE;font-family:'Consolas',monospace}.sidebar .research .process-bar{background-color:#AAAAAA;height:3rem}.sidebar .research .process-bar .pass{background-color:#64B5F6;height:3rem}.sidebar .research .empty{flex-grow:1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;color:#EEEEEE}.sidebar .city{padding:3rem;background-color:#555555;cursor:pointer}.sidebar .city .stat{color:#EEEEEE}.sidebar .battle{background-color:#3E2723}.sidebar .missle{background-color:#E16B03;display:flex;align-items:center;justify-content:space-between}.sidebar .missle.disabled{background-color:#424242}.sidebar .missle .empty{flex-grow:1;color:#EEEEEE;text-align:center}.sidebar .next-turn{margin-top:auto;background-color:#455A64;color:#EEEEEE;font-weight:bold;text-align:center;cursor:pointer}.city-mark{position:relative}.city-mark svg{width:100%;height:100%}.sidebar-layer.city-list{background-color:#555555}.sidebar-layer.city-list .list{overflow:auto}.sidebar-layer.city-list .list::-webkit-scrollbar{display:none}.city-item{padding:2rem;margin:3rem;background-color:#666666;cursor:pointer}.city-item .city-mark{width:18rem;height:18rem}.city-item .base-info,.city-item .stat{font-family:'Consolas',monospace;color:#EEEEEE;display:flex}.city-item .stat .data{display:flex;flex-wrap:nowrap;justify-content:space-between;min-width:40rem;margin-right:5rem}.city-item .stat .icon{width:16rem;height:16rem;margin-right:5rem}.city-item .warning{width:20rem;height:20rem}.city-item .empty{flex-grow:1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;color:#EEEEEE}.city-detail{background-color:#666666}.city-detail .city-mark{width:18rem;height:18rem}.city-detail .base-info{margin-top:5rem}.city-detail .base-info,.city-detail .stat{padding:0 5rem;font-family:'Consolas',monospace;color:#EEEEEE;display:flex}.city-detail .stat .data{display:flex;flex-wrap:nowrap;justify-content:space-between;min-width:40rem;margin-right:5rem}.city-detail .stat .icon{width:16rem;height:16rem;margin-right:5rem}.city-detail .warning{width:20rem;height:20rem}.city-detail .empty{flex-grow:1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;color:#EEEEEE}.city-detail .owner{padding:5rem;display:flex;justify-content:center;align-items:center;color:#EEEEEE}.city-detail .owner .player-icon{margin-left:5rem}.sidebar-layer.city-detail{background-color:#555555}.sidebar-layer.selection .selection-label{background-color:#424242;color:#EEEEEE;font-weight:bold;text-align:center}.sidebar-layer.selection .base-info{display:flex;align-items:center;color:#EEEEEE;font-family:'Consolas',monospace}.sidebar-layer.selection .base-info .player-icon{margin-right:5rem}.sidebar-layer.selection .start-button{margin-top:auto;background-color:#455A64;color:#EEEEEE;font-weight:bold;text-align:center;cursor:pointer}.sidebar-layer.selection .start-button.disabled{color:#888888}.topbar{position:absolute;top:0;left:0;right:0;height:32rem;z-index:256;background-color:darkslategray;display:flex;align-items:center;justify-content:space-between;user-select:none}.topbar.lockControl{z-index:135}.topbar-left,.topbar-right{display:flex;align-items:center}.topbar-left{justify-content:start}.topbar-right{justify-content:end}.topbar-item{display:flex;align-items:center;height:20rem;padding:0 10rem}.topbar-item:not(:first-child){border-left:2rem #AAAAAA solid}.topbar-item .icon{width:24rem;height:24rem}.topbar-item .value{margin-left:5rem;min-width:30rem;text-align:right;color:#EEEEEE;font-family:'Consolas',monospace;font-size:16rem}.topbar-item .button{margin:0 6rem;padding:2rem;cursor:pointer}.topbar-item .button:hover{background-color:rgba(0,0,0,0.2)}.topbar-item .user-color{width:20rem;height:20rem}.topbar-item .hard-label{font-weight:bold;font-size:14rem}.topbar-item .hard-Easy{color:#66BB6A}.topbar-item .hard-Normal{color:#FFD600}.topbar-item .hard-Hard{color:#FF1744}.map-board{position:absolute;top:32rem;bottom:0;left:0;width:640rem;user-select:none;z-index:135}.unit-card{position:absolute;width:18rem;height:18rem;border-radius:4rem;border:2rem solid #000000;box-shadow:1rem 1rem 2rem rgba(0,0,0,0.35);z-index:2}.unit-card .unit-counter{font-size:12rem;text-align:center;font-weight:bold}.city-block{position:absolute;width:32rem;height:32rem;z-index:3}.city-block.locked{background-color:rbga(0, 0, 0, .35)}.city-block.selected{background-color:rgba(255,255,255,0.5);animation:blink infinite 1.2s ease-in-out}