.mode-panel{margin-top:3.125rem;display:grid;width:100%;height:100%;grid-template-columns:repeat(16,20px);grid-template-rows:repeat(14,20px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.mode-panel .key{width:100%;height:100%;grid-row:span 3}.mode-panel .key:active{opacity:.5}.mode-panel .left{grid-column-start:1;grid-column-end:4;grid-row-start:4;grid-row-end:7;background:url(/images/key-left.png);background-size:100% 100%}.mode-panel .right{grid-column-start:7;grid-column-end:10;grid-row-start:4;grid-row-end:7;background:url(/images/key-right.png);background-size:100% 100%}.mode-panel .down{grid-row-start:7;grid-row-end:10;background:url(/images/key-down.png);background-size:100% 100%}.mode-panel .down,.mode-panel .up{grid-column-start:4;grid-column-end:7}.mode-panel .up{grid-row-start:1;grid-row-end:4;background:url(/images/key-up.png);background-size:100% 100%}.mode-panel .space{grid-column-start:12;grid-column-end:18;grid-row-start:3;grid-row-end:8;background:url(/images/key-space.png);background-size:100% 100%}.mode-panel .one{grid-column-start:4;grid-column-end:7;background-size:100% 100%}.mode-panel .one,.mode-panel .tow{grid-row-start:12;grid-row-end:14;color:#fff;background-color:#293643;text-align:center;border-radius:5px;line-height:2.5rem}.mode-panel .tow{grid-column-start:11;grid-column-end:14}.stage_green-flag-img{position:absolute;width:88px;height:88px;left:50%;top:20%;margin-left:-44px;margin-top:-44px;z-index:949}.controls{position:fixed;bottom:0;width:100%;height:16vw;background-color:#fff;text-align:center}.controls button{padding:20px}.keyboard{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dialog-css{border-radius:.5rem}.dialog-footer{color:red}