.control-panel-display,canvas{overflow:hidden;width:100%;border-radius:40px}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0b0b0c}canvas{display:block;max-width:600px;background:#001c00;margin:0 auto}.control-panel{position:absolute;top:50%;left:50%;width:100%;max-width:600px;transform:translate(-50%,-50%);font-family:monospace;font-size:24px;text-transform:uppercase}.control-panel-display:before{content:"";display:block;position:absolute;width:100%;height:100%;z-index:10;box-shadow:inset 0 0 80px 30px rgba(0,0,0,.9);pointer-events:none}.control-panel-display{position:relative;height:100%;border:3px solid #01cc00;white-space:nowrap}.control-panel-input{position:absolute;z-index:100;border-radius:20px;border:3px solid #01cc00}.control-panel-steer{bottom:-50px;left:40px;width:520px;height:40px}.control-panel-gas{right:-50px;top:40px;width:40px;height:520px}.counter{width:40px;height:20px;padding:0 10px;line-height:20px;text-align:center;color:#000;background:#fff;border:3px solid #000}#steer-display{position:absolute;top:0;left:0}#gas-display{position:absolute;top:25px;left:0}#altitude-display{position:absolute;top:50px;left:0}input[type=range]{-webkit-appearance:none;background:0 0;position:absolute;width:520px;height:30px;z-index:11;margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:0;height:30px;width:30px;border-radius:50%;background:#01cc00;cursor:pointer;margin-top:-15px}input[type=range]:focus{outline:0}input[type=range]#steer{top:10px;left:0}input[type=range]#gas{top:245px;left:-251px;transform:rotate(90deg)}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:30px;width:30px;border-radius:50%;background:#151517;cursor:pointer}