body{background-color:#000;background-size:cover;color:#fff;height:100%;margin:0;overflow:hidden;position:fixed;width:100%}.App{--delay:500ms;display:flex;font-family:sans-serif;height:100vh;justify-content:space-between;position:relative;-webkit-user-select:none;user-select:none}.App.dragging{cursor:grabbing}.boards{background-color:#00000080;border:1px solid #ffffff80;height:100%;overflow-y:auto;padding:2px;position:relative;width:25%}.boards h1{text-align:center}.boards p{border-radius:10px;margin:1px;padding:2px 2px 2px 5px}.boards p.selected{background-color:#ffffff80;border-radius:10px}.gameboard-holder{margin:20px 80px 20px 20px;max-width:85vh;overflow:hidden;padding-right:20px;width:75%}.gameboard{border:1px solid #fff;overflow:hidden;position:relative;width:100%}.game-grid{background-color:#000;display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.game-row{display:flex;flex:1 1}.game-cell{background-image:linear-gradient(0deg,#0000 0,#00000080);border:1px solid #a22;border-radius:10%;box-sizing:initial;flex:1 1;transition:background-color var(--delay) ease,border-color var(--delay) ease}.game-row:last-child .game-cell{border-bottom:none}.game-cell:last-child{border-right:none}.game-cell.transparent{background:#0000;border-color:#0000}.game-cell.star:after{background-image:url(/static/media/star.452eab406c29df207139.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;filter:drop-shadow(.2vh .2vh 1px rgba(255,81,0,.5));height:100%;opacity:1;transition:opacity var(--delay) ease;width:100%}.game-cell.star.gone:after{opacity:0}.spacer{padding-top:75%}.game-ship-holder{height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:transform var(--delay) linear;width:100%;z-index:1}.game-ship{transition:transform var(--delay) ease;width:6.25%}.game-controls{margin-bottom:10px;margin-top:10px;touch-action:none;width:100%}.game-controls,.player-controls{display:flex;flex-direction:column}.player-controls{justify-content:space-around}.function-holder{align-items:center;display:flex}.function-holder img{height:30px;width:30px}.function-area{display:flex;flex:1 1;flex-wrap:wrap;max-width:220px}.function-block{background-color:#0003;border:1px dashed #ffffff4d;border-radius:20%;height:30px;margin:5px;touch-action:none;transition:background-color .2s ease;width:30px}.game-controls.dragging .function-block:hover{background-color:#ffffff80}.commands-area{align-items:flex-start;background-color:#000000b3;border:1px solid #ffffff80;border-radius:10px;display:inline-flex;flex-wrap:wrap;touch-action:none}.commands-area.dragging .command{pointer-events:none}.divider{height:10px}.command{background-color:#b3b3b3;background-image:url(/static/media/index.386500e9e6b53d4774ad.tsx),linear-gradient(0deg,#0000 0,#00000080);background-position:50%;background-repeat:no-repeat;background-size:70%,100%;border:1px solid #666;border-radius:20%;cursor:grab;height:30px;margin:5px;touch-action:none;width:30px}.command:active{cursor:grabbing}.command.forward{background-image:url(/static/media/forward.248b7f753c72930bc06c.svg),linear-gradient(0deg,#0000 0,#00000080)}.command.left{background-image:url(/static/media/left.1bc416775b1ce5b484d1.svg),linear-gradient(0deg,#0000 0,#00000080)}.command.right{background-image:url(/static/media/right.4f1d44bb1b0dd66e22a9.svg),linear-gradient(0deg,#0000 0,#00000080)}.command.f0{background-image:url(/static/media/f0.17a1b94e56510843c729.svg),linear-gradient(0deg,#0000 0,#00000080)}.command.f1{background-image:url(/static/media/f1.e63357ea000cb3917bba.svg),linear-gradient(0deg,#0000 0,#00000080)}.command.f2{background-image:url(/static/media/f2.44128c2623e43492ac2a.svg),linear-gradient(0deg,#0000 0,#00000080)}.command.f3{background-image:url(/static/media/f3.a394fda28ef6640655ec.svg),linear-gradient(0deg,#0000 0,#00000080)}.command.f4{background-image:url(/static/media/f4.029274566cdb0848df65.svg),linear-gradient(0deg,#0000 0,#00000080)}.command.f5{background-image:url(/static/media/f5.eb98d464f295c8588187.svg),linear-gradient(0deg,#0000 0,#00000080)}.slider-container{align-items:center;display:flex;justify-content:space-between;margin:30px}.slider-container label{margin:0 10px}.speed-slider{width:80%}.color.clear{background-color:#b3b3b3;border:1px solid #666}.command.paint{align-items:center;display:flex;justify-content:center}.command.paint:after{border:1px solid;border-radius:50%;content:"";display:block;height:60%;width:60%}.command.paint.paint-red:after{background-image:linear-gradient(0deg,#a22 0,#511);border-color:#2b0808}.command.paint.paint-blue:after{background-image:linear-gradient(0deg,#26a 0,#135);border-color:#08192b}.command.paint.paint-green:after{background-image:linear-gradient(0deg,#22aa34 0,#11551a);border-color:#082b0d}.dragger{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.color.red,.red{background-color:#a22;border:1px solid #a22}.blue,.color.blue{background-color:#26a;border:1px solid #26a}.color.green,.green{background-color:#22aa34;border:1px solid #22aa34}.command.highlight{border-color:#ff0;border-width:1px}
/*# sourceMappingURL=main.5a0a1033.css.map*/