body{background-color:gray;color:#000;font-size:100%;font-family:Ubuntu}h1{font-size:1.5em;border-bottom:2px solid #5d7}div#dialog{display:none}.splf,.x,span.ship,span.shoot,span.untertitel{display:inline-block}div.page{margin:auto;border:4px solid #5d7;width:750px;box-shadow:6px 6px 4px #000;background-color:#fff;border-radius:15px;padding:10px}div.outputs{border:1px solid #000;border-radius:4px;padding:5px;background-color:gray;margin:10px;min-height:57px;color:#fff}div.area_one{border-bottom:2px solid #5d7;margin-bottom:10px}.splf{border:2px solid #000;margin:10px;width:350px;text-align:center}.x,span.shoot{width:30.82px}.y{height:20px;border-bottom:1px solid #000}.y_11{border:0}span.ship_end_h,span.ship_end_v{border-bottom-right-radius:10px}.x{border-right:1px solid #000}span.shoot{height:20px;border-radius:10px}span.shoot_water{background-color:#00f}span.shoot_part{background-color:orange}span.shoot_all{background-color:red}span.ship_bug_h,span.ship_bug_v{background-color:#fff!important}span.ship_all_h,span.ship_bug_h,span.ship_end_h{width:30.82px;height:20px}span.ship_bug_h{width:10.82px;height:0;border-top:10px solid #fff!important;border-bottom:10px solid #fff!important;border-right:20px solid #000;vertical-align:top}span.ship_end_h{border-top-right-radius:10px}span.ship_all_v,span.ship_bug_v,span.ship_end_v{width:20px;height:20px}span.ship_bug_v{width:0;height:0;border-left:10px solid #fff!important;border-right:10px solid #fff!important;border-bottom:20px solid #000}span.ship_end_v{border-bottom-left-radius:10px}span.ship_red{background-color:red;border-bottom-color:red;border-right-color:red}span.ship_black{background-color:#000;border-bottom-color:#000;border-right-color:#000}span.untertitel{text-align:center;width:350px;margin:0 10px;font-weight:700}div.ship_stat div{position:relative}div.ship_stat div .label{position:absolute;left:calc(50% - 55px);top:6px;text-shadow:1px 1px 0 #000;z-index:2}.typed-cursor{display:none}